$(document).ready(function () {
    var config = {
        '.chosen-select'           : {disable_search: true},
        '.chosen-select-deselect'  : {allow_single_deselect:true},
        '.chosen-select-no-single' : {disable_search_threshold:10},
        '.chosen-select-no-results': {no_results_text:'Oops, nothing found!'},
        '.chosen-select-width'     : {width:"95%"}
    }
    for (var selector in config) {
        $(selector).chosen(config[selector]);
    }
    $(".chosen-container").css({ width: '100%' }); // Overrides chosen.js's hard-coded width, so that the dropdown is truly responsive
});