title: Why does my Materialize Select not work, even though I copied the code?
body: <p>I literally copied the code from <a href="https://stackoverflow.com/questions/61204352/cant-use-materialize-select">Can&#39;t use materialize-select?</a> but I think the problem lays somewhere else. I also cannot use datepicker, but components like Dropdown-navbar work, I don't get it. </p>
  
  <p>So the problem with my select is, that it won't even show up and the problem with the datepicker is, that the modal-content, won't show up.</p>
  
  <p>I've got a feeling that I just made a simple mistake somewhere in my setup.</p>
  
  <pre><code>&lt;html&gt;
  
  &lt;head&gt;
      &lt;!--Import Google Icon Font--&gt;
      &lt;link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"&gt;
      &lt;!--Import materialize.css--&gt;
      &lt;link type="text/css" rel="stylesheet"
          href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"
          media="screen,projection" /&gt;
  
      &lt;!--Let browser know website is optimized for mobile--&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
  &lt;/head&gt;
  
  &lt;body&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;!--JavaScript at end of body for optimized loading--&gt;
      &lt;script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"&gt;
          document.addEventListener('DOMContentLoaded', function () {
              var elems = document.querySelectorAll('select');
              var instances = M.FormSelect.init(elems, {});
          });
      &lt;/script&gt;
  &lt;/body&gt;
  
  &lt;/html&gt; ```
  </code></pre>