title: Select and Multiple select is not working
body: <p>I am using <a href="http://materializecss.com/" rel="nofollow">Materialize</a> for designing my website.
  But when I am using </p>
  
  <pre><code> &lt;div class="input-field col s12"&gt;
  &lt;select&gt;
    &lt;option value="" disabled selected&gt;Choose your option&lt;/option&gt;
    &lt;option value="1"&gt;Option 1&lt;/option&gt;
    &lt;option value="2"&gt;Option 2&lt;/option&gt;
    &lt;option value="3"&gt;Option 3&lt;/option&gt;
  &lt;/select&gt;
  &lt;label&gt;Materialize Select&lt;/label&gt;
  </code></pre>
  
  <p></p>
  
  <p>For single selection </p>
  
  <p>And </p>
  
  <pre><code>&lt;div class="input-field col s12"&gt;
  &lt;select multiple&gt;
    &lt;option value="" disabled selected&gt;Choose your option&lt;/option&gt;
    &lt;option value="1"&gt;Option 1&lt;/option&gt;
    &lt;option value="2"&gt;Option 2&lt;/option&gt;
    &lt;option value="3"&gt;Option 3&lt;/option&gt;
  &lt;/select&gt;
  &lt;label&gt;Materialize Multiple Select&lt;/label&gt;
  </code></pre>
  
  <p></p>
  
  <p>For multiple selections.</p>
  
  <p>But it is not working totally.</p>
  
  <p>If I use </p>
  
  <pre><code>&lt;label&gt;Browser Select&lt;/label&gt;
   &lt;select class="browser-default"&gt;
    &lt;option value="" disabled selected&gt;Choose your option&lt;/option&gt;
    &lt;option value="1"&gt;Option 1&lt;/option&gt;
    &lt;option value="2"&gt;Option 2&lt;/option&gt;
    &lt;option value="3"&gt;Option 3&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>This browser default class, this is working fine. But I need the top two styles.</p>
  
  <p>Anyone can help?</p>