Bootstrap Multiselect Dropdown делает пустым выпадающий

Question

Я пытаюсь использовать bootstrap multiselect для ниспадающего элемента на мой взгляд, со следующим кодом:

<select id="msDropdown" multiple="multiple"> 
    <option value="cheese">Cheese</option> 
    <option value="tomatoes">Tomatoes</option> 
    <option value="mozarella">Mozzarella</option> 
    <option value="mushrooms">Mushrooms</option> 
    <option value="pepperoni">Pepperoni</option> 
    <option value="onions">Onions</option> 
</select> 

и

$(document).ready(function() { 
    $('#msDropdown').multiselect(); 
}); 

Когда вид оказывается, два выпадающие элементы: раскрывающийся список бутстрапов и пустое раскрывающееся меню: С третьей панели выше вы также можете увидеть, что эти два выпадающих списка связаны. Когда в первом выпадающем списке выбраны выборы, названия обоих выпадающих списков обновляются.

И, наконец, если команда javascript .multiselect() не включена, отображается только пустое раскрывающееся меню. Какая сделка с пустым выпадающим списком - почему это вообще появляется и как я могу избавиться от него?

Заранее благодарен!

Редактировать: A jsfiddle with intended behavior. И все же в моей заявке отображаются два раскрывающихся списка: \

Answer 1

Оказывается, у меня есть еще один плагин для начальной загрузки для <select> элементов, инициализатор которых был слегка переутомлен - он будет искать DOM для всех соответствующих элементов и загружать их, что приведет к дублированию выпадающего списка в этом случае. Обновление выбора этого другого плагина от:

$('select').selectpicker(); 

в

$('select:not(#msDropdown)').selectpicker(); 

решить эту проблему.