Bootstrap Multiselect - Using the plugin for single select, first item is always selected
<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>