title: Materialize CSS select statement not showing
body: <p>Although this question has already been asked in this thread:</p>
  
  <p><a href="https://stackoverflow.com/questions/28258106/materialize-css-select-doesnt-seem-to-render#">Materialize CSS - Select Doesn&#39;t Seem to Render</a></p>
  
  <p>I'm having problems with where to place this code:</p>
  
  <pre><code>$(document).ready(function() {
      $('select').material_select();
  });
  </code></pre>
  
  <p>At the moment, the most logical thing I can think of is to place it like so:</p>
  
  <pre><code>&lt;body&gt;
    &lt;!--Import jQuery before materialize.js--&gt;
    &lt;script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="js/materialize.min.js"&gt;
      $(document).ready(function() {
          $('select').material_select();
      });
    &lt;/script&gt;
  
    &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;
    &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>I've tried changing the "document" to the name of my document, in this case "index", but it still doesn't work.</p>
  
  <p>Am I just being slow?</p>
  
  <p>Thanks in advance.</p>