Adding custom htlm elements to chosen

gistfile1.js

// chosen.jquery.js, function Chosen.prototype.set_up_html, add this in row 582
if('undefined' !== this.options.afterContent){
  var afterContent = jQuery(document.createElement('div'))
    .addClass('chosen-after-content')
    .html(this.options.afterContent);
  this.container.find('ul.chosen-results').after(afterContent);
}

// then add your custom html like
jQuery("#foo").chosen({
  afterContent: '<span id="button" class="btn btn-primary icon-ok btn-xs">Click me</span>'
});

Why not simply do this on the chosen:ready event?

$('#foo').on('chosen:ready', function(event, data){
    $(data.chosen)
       .find('ul.chosen-results')
       .after('<span id="button" class="btn btn-primary icon-ok btn-xs">Click me</span>');
}).chosen();