title: MaterializeCSS Modal won't open, Dropdown in a Form, and Tab Groups href
body: <pre><code> &lt;div class="row center"&gt;
          &lt;button data-target="modal1" class="btn modal-trigger"&gt;Modal&lt;/button&gt;
        &lt;/div&gt;
  &lt;!-- Modal Structure --&gt;
    &lt;div id="modal1" class="modal modal-fixed-footer"&gt;
      &lt;div class="modal-content"&gt;
        &lt;h4&gt;Modal Header&lt;/h4&gt;
        &lt;p&gt;A bunch of text&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="modal-footer"&gt;
        &lt;a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat "&gt;Agree&lt;/a&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>This is what the code was from the website. I have tried every possible change to fix the error than nothing happens when the modal is clicked on.</p>
  
  <p>also had more questions.
  How can i get tabs (still in materializecss) to redirect to another page on click? </p>
  
  <p><code>&lt;li class="tab col s3"&gt;&lt;a href="/student/login/"&gt;Login&lt;/a&gt;&lt;/li&gt;</code></p>
  
  <p>this doesn't seem to work</p>
  
  <p>PS the normal format for a tab is </p>
  
  <pre><code>&lt;li class="tab col s3"&gt;&lt;a class="active" href="#test1"&gt;Register&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>Any suggestions?</p>
  
  <p>EDIT: dropdown fixed, just used a select div</p>
  
  <pre><code> &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;
  </code></pre>
  
  <p>Then, in a js file, call</p>
  
  <pre><code>  $(document).ready(function() {
       $('select').material_select();
    });
  </code></pre>