jQuery Chosen on Bootstrap modal popup

http://harvesthq.github.io/chosen/

$(".search_me_please").chosen();

//chosen plugin inside a modal will have a zero width because the select element is originally hidden
//and its width cannot be determined.
//so we set the width after modal is show
$("#modal-select-projects, #modal-select-items").on("shown.bs.modal", function () {
    $(this).find(".chosen-container").each(function(){
        $(this).find("a:first-child").css("width", "210px");
        $(this).find(".chosen-drop").css("width" , "210px");
        $(this).find(".chosen-search input").css("width" , "200px");
    });

    $(".search_me_please").trigger("chosen:updated");
});