title: Materialize Modal is not opening
body: <p>Hello I'm using Materialize js and its modal is not opening follwing is my code.Please let me know what wrong with it?</p>
  
  <pre><code>&lt;!-- Modal Structure --&gt;
  &lt;div id="modal1" class="modal bottom-sheet"&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;
  &lt;a class="waves-effect waves-light btn" href="#modal1"&gt;Modal&lt;/a&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/rushil_pachchigar/1p63g3ot/" rel="nofollow noreferrer">Fiddle</a></p>