title: MaterializeCSS Navbar button not triggering side nav
body: <p>I have the following code for a side-nav:</p>
  
  <pre><code>&lt;ul id="slide-out" class="side-nav"&gt;
    &lt;li&gt;&lt;a class="subheader"&gt;Last Updated:&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a&gt;Text Here&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;div class="divider"&gt;&lt;/div&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a class="subheader"&gt;Subheader&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a class="waves-effect" href="#!"&gt;Third Link With Waves&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I also have the following header code:</p>
  
  <pre><code>&lt;header&gt;
      &lt;div class="navbar-fixed"&gt;
          &lt;nav&gt;
              &lt;div class="nav-wrapper blue darken-1"&gt;
                  &lt;a class="brand-logo center" href="#"&gt;Website Name&lt;/a&gt;
    &lt;ul class="right"&gt;
      &lt;li&gt;&lt;a data-activates="slide-out" class="button-collapse" href="#"&gt;&lt;i class="material-icons"&gt;menu&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/nav&gt;
      &lt;/div&gt;
  &lt;/header&gt;
  </code></pre>
  
  <p>So why is the menu item not coming up in my nav bar and why is it not triggering the side nav?</p>
  
  <p>Also, if i remove the <code>button-collapse</code> class, I am able to see the menu but clicking on it does not trigger <code>side-nav</code></p>
  
  <p><a href="https://jsfiddle.net/cr6ox4rd/" rel="nofollow noreferrer"><strong>Here</strong></a> is my jsFiddle</p>
  
  <p>Edit: My problem is not the icon, it's the fact that clicking on the menu icon/text does not activate the side navigation menu. </p>
  
  <p><em>How do I make the side-nav work on mobile AND DESKTOP</em></p>