title: Can't select multi-select items. Jquery
body: <p>I have implemented the following multiselect into my project.
  <a href="http://loudev.com/" rel="nofollow noreferrer">http://loudev.com/</a></p>
  <p>And I have done everything as I should (as far as I know) the layout is looking as it should, the css and javascript is running but when i hover over an option, it isn't clickable, it treats it as a line of  text, not a clickable object.</p>
  <p>Here is the code for the select input and where it is initialised in javascript.</p>
  <pre class="lang-html prettyprint-override"><code>&lt;select multiple=&quot;multiple&quot; class=&quot;form-control&quot; id=&quot;my-select&quot; name=&quot;my-select[]&quot;&gt;
    &lt;option value=&quot;elem_1&quot;&gt;elem 1&lt;/option&gt;
    &lt;option value=&quot;elem_2&quot;&gt;elem 2&lt;/option&gt;
    &lt;option value=&quot;elem_3&quot;&gt;elem 3&lt;/option&gt;
    &lt;option value=&quot;elem_4&quot;&gt;elem 4&lt;/option&gt;
    &lt;option value=&quot;elem_100&quot;&gt;elem 100&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  <pre class="lang-js prettyprint-override"><code>$('#my-select').multiSelect();
  </code></pre>