title: Bootstrap Multiselect not displaying the dropdown list
body: <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>