title: Materialize Navbar Dropdown Menu doens't work
body: <p>for some reason the dropwdown that appears in this section does not work.
  <a href="https://materializecss.com/navbar.html#" rel="nofollow noreferrer">https://materializecss.com/navbar.html#</a>!
  There are no errors in the console, it just does not work, I have researched and tried several solutions that I found github and codepen but nothing seems to solve it, could it be caused by the library version? what should I do? this is my code</p>
  
  <pre><code>&lt;!-- Dropdown Structure --&gt;
  &lt;ul id="dropdown1" class="dropdown-content"&gt;
    &lt;li&gt;&lt;a href="#!"&gt;one&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#!"&gt;two&lt;/a&gt;&lt;/li&gt;
    &lt;li class="divider"&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#!"&gt;three&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;nav&gt;
    &lt;div class="nav-wrapper"&gt;
      &lt;a href="#!" class="brand-logo"&gt;Logo&lt;/a&gt;
      &lt;ul class="right hide-on-med-and-down"&gt;
        &lt;li&gt;&lt;a href="sass.html"&gt;Sass&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="badges.html"&gt;Components&lt;/a&gt;&lt;/li&gt;
        &lt;!-- Dropdown Trigger --&gt;
        &lt;li&gt;&lt;a class="dropdown-trigger" href="#!" data-target="dropdown1"&gt;Dropdown&lt;i class="material-icons right"&gt;arrow_drop_down&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p>and the script after call jquery</p>
  
  <pre><code> $(document).ready(function(){
  $(".dropdown-trigger").dropdown();
  });
  </code></pre>