title: Bootstrap Multiselect - Using the plugin for single select, first item is always selected
body: <p>I am using <a href="http://davidstutz.github.io/bootstrap-multiselect/" rel="nofollow noreferrer">Bootstrap Multiselect</a> plugin to select values from multi-select dropdown and single select dropdown</p>
  
  <p>I noticed couple of issues and tried several options but none of them worked. If anyone already resolved them, need advice.</p>
  
  <ol>
  <li>When using the plugin for single select my first item is always selected</li>
  <li>Unable to change the nonSelectedText text for single dropdown.</li>
  </ol>
  
  <p><a href="http://jsfiddle.net/skilledmonster/2thszp1g/1/" rel="nofollow noreferrer">JsFiddle</a></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;select class="multiselect"&gt;
  &lt;option value="cheese"&gt;    Cheese     &lt;/option&gt;
  &lt;option value="tomatoes"&gt;  Tomatoes   &lt;/option&gt;
  &lt;option value="mozarella"&gt; Mozzarella &lt;/option&gt;
  &lt;option value="mushrooms"&gt; Mushrooms  &lt;/option&gt;
  &lt;option value="pepperoni"&gt; Pepperoni  &lt;/option&gt;
  &lt;option value="onions"&gt;    Onions     &lt;/option&gt;
  </code></pre>
  
  <p></p>
  
  <p><strong>Javascript</strong></p>
  
  <pre><code>$(function() {
  $('.multiselect').multiselect({
          nonSelectedText: 'Check an option!'
      });
  });
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.multiselect-container input[type=radio] {
     display: none;
  }
  </code></pre>