title: Dropdown Menu for Materialize not working
body: <p>So I've followed two different ways of creating a dropdown menu with Materialize CSS (using their documentation: <a href="https://materializecss.com/navbar.html" rel="noreferrer">https://materializecss.com/navbar.html</a> &amp; <a href="https://materializecss.com/dropdown.html" rel="noreferrer">https://materializecss.com/dropdown.html</a>) and I can't get either to work. I've also cruised through here and found similar problems but none seemed to quite solve my issue so here it goes...</p>
  
  <p>I'm trying to make a mobile menu for a webapp using Meteor &amp; Materialize. Here's some of my code:</p>
  
  <pre><code>&lt;ul id="dropdown" class="dropdown-content"&gt;
      &lt;li&gt;&lt;a href="#"&gt;EMPOWER YOUR BUSINESS!&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Services&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;About&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Blog&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Contact&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;ul class="hide-on-med-and-up"&gt;
      &lt;li&gt;&lt;a class="dropdown-trigger" data-target="dropdown"&gt;
          &lt;i class="material-icons"&gt;menu&lt;/i&gt;&lt;/a&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  &lt;script&gt;
      $(document).ready(function(){
          $('.modal').modal();
          $('.dropdown-trigger').dropdown();
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>I have included <code>&lt;link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"&gt;</code> in the head and the jQuery call in the code above is right before the closing body tag.</p>
  
  <p>Any help would be much appreciated.</p>