Выбранный не работает для выбора drop down, который не отображается по умолчанию

У меня есть поле выбора в div, которое по умолчанию не отображается, а при некотором событии клика свойство отображения div изменяется на блокировку, но выпадающий список выбора не отображается и показывает пустое пространство. Я вызвал метод selected() для окна выбора в той же самой функции, где я изменяю видимость div.

Вот код моей проблемы.

<div class="controls" style="display:none" id="Department-11">
    <select multiple="" class="chosen-select1" id="form-field-select-4" data-placeholder="Choose a Department...">
        <option value="Management">Senior Management</option>
        <option value="Legal">Legal</option>
        <option value="Operations">Operations</option>
        <option value="Administration">Administration</option>
        <option value="R&D">R&D</option>
        <option value="Sales & Marketing">Sales & Marketing</option>
        <option value="Finance">Finance</option>
        <option value="Technology">Technology</option>
        <option value="Customer Service">Customer Service</option>
        <option value="Pro Services">Pro Services</option>
        <option value="HR">HR</option>
        <option value=""></option>
    </select>
</div>

<a href="javascript:void(0);" onclick="showselect();">
    Show select
</a>

И код JS

function showselect() {
    $('#Department-11').show();
    $(".chosen-select1").chosen();
}