Bootstrap Multiselect not displaying the dropdown list
<p>I have made a custom binding for <a href="https://github.com/davidstutz/bootstrap-multiselect" rel="nofollow">bootstrap multiselect</a> in Knockout JS.</p>

<p>I am new to custom bindings in Knockout JS.</p>

<p>I have taken <a href="http://jsfiddle.net/bkzb272j/1/" rel="nofollow">this custom binding jsfiddle</a> for <a href="https://silviomoreto.github.io/bootstrap-select/" rel="nofollow">bootstrap select</a> and adapted it in <a href="http://jsfiddle.net/bkzb272j/138/" rel="nofollow">this jsfiddle</a> to be for <a href="https://github.com/davidstutz/bootstrap-multiselect" rel="nofollow">bootstrap multiselect</a>  and also contain my own viewmodel data. The actual bootstrap multiselect button does display, so the user sees the multiselect element, but upon clicking it, nothing drops down.</p>

<p>Inspecting my webpage shows this output html for the <code>&lt;select&gt;</code>:</p>

<p>HTML (this is correct - issue is not with this):</p>

<pre><code>    &lt;select multiple="multiple" data-bind="multiselect: _categoryID, 
                optionsText: '_name', 
                optionsValue : '_id', 
                multiselectOptions: { optionsArray: _categories }" class="multiselect" style="display: none;"&gt;
&lt;option value="1"&gt;Meat-Free Meat&lt;/option&gt;
&lt;option value="2"&gt;Dairy-Free Dairy&lt;/option&gt;
&lt;option value="3"&gt;Confectionery&lt;/option&gt;
&lt;option value="4"&gt;Baking&lt;/option&gt;
&lt;option value="5"&gt;Dessert&lt;/option&gt;
                &lt;/select&gt;
</code></pre>

<p>Here is the bit that goes below the select that the bootstrap multiselect plugin adds (this is not correct - issue is here - see the <code>&lt;ul&gt;</code> has no <code>&lt;li&gt;</code>'s. :</p>

<pre><code>    &lt;div class="btn-group"&gt;
&lt;button type="button" class="multiselect dropdown-toggle btn btn-default" data-toggle="dropdown" title="Dairy-Free Dairy, Confectionery" aria-expanded="false"&gt;
&lt;span class="multiselect-selected-text"&gt;Dairy-Free Dairy, Confectionery&lt;/span&gt; 
&lt;b class="caret"&gt;&lt;/b&gt;
&lt;/button&gt;
&lt;ul class="multiselect-container dropdown-menu"&gt;
&lt;/ul&gt;&lt;/div&gt;
</code></pre>

<p>Why does clicking the <a href="https://github.com/davidstutz/bootstrap-multiselect" rel="nofollow">bootstrap multiselect</a> button not cause a dropdown to appear? AKA why is the the <code>&lt;ul&gt;</code> empty?
<strong>EDIT: All work on this question can now be tried in <a href="http://jsfiddle.net/bkzb272j/138/" rel="nofollow">this jsfiddle</a></strong></p>