title: Why is my Materialize sidenav hamburger menu not working?
body: <p>I'm using a sidebar with a navbar at the top that just displays the hamburger button (when mobile), and a refresh button. It does this fine, but when you click the hamburger icon nothing happens! The sidebar doesn't open. How can I fix this?</p>
  
  <p>Here's my code (the stuff the matters):</p>
  
  <pre><code>&lt;div class="navbar-fixed"&gt;
      &lt;nav class="navbar blue"&gt;
          &lt;div class="nav-wrapper"&gt;
              &lt;ul class="right hide-on-med-and-down"&gt;
                  &lt;li&gt;&lt;a onClick="window.location.reload()"&gt;&lt;i class="material-
      icons"&gt;refresh&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
  
              &lt;a href="#" data-target="slide-out" class="sidenav-trigger"&gt;&lt;i 
      class="material-icons"&gt;menu&lt;/i&gt;&lt;/a&gt;
          &lt;/div&gt;
      &lt;/nav&gt;
  &lt;/div&gt;
  
  &lt;ul id="slide-out" class="sidenav sidenav-fixed"&gt;
      ...
  &lt;/ul&gt;
  </code></pre>
  
  <p>And yes, I do have the Materialize CSS and JS, with jQuery version 2.1.1.</p>