title: Materialize Modal doesn't work on starter template
body: <p>Recently i switched to materialize (it's based on Bootstrap i guess) and i'm trying to make modal work. it just doesn't show up. the button is there but it triggers nothing. I'm using starter template from Materialize website.</p>
  
  <p>All i did was copy and paste modal code from <a href="http://materializecss.com/modals.html" rel="noreferrer">Materialize modal page.</a> I put the code in starter template but it doesn't work. i also tested it on another theme based on materialize but that didn't work either.</p>
  
  <p>also jQuery is loaded properly.</p>
  
  <p>edit: it's index.html</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/&gt;
    &lt;title&gt;Starter Template - Materialize&lt;/title&gt;
  
    &lt;!-- CSS  --&gt;
    &lt;link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/&gt;
    &lt;link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;nav class="light-blue lighten-1" role="navigation"&gt;
      &lt;div class="container"&gt;
        &lt;div class="nav-wrapper"&gt;&lt;a id="logo-container" href="#" class="brand-logo"&gt;Logo&lt;/a&gt;
          &lt;ul class="right"&gt;
            &lt;li&gt;&lt;a href="#"&gt;Navbar Link&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
  
          &lt;ul id="nav-mobile" class="side-nav"&gt;
            &lt;li&gt;&lt;a href="#"&gt;Navbar Link&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
          &lt;a href="#" data-activates="nav-mobile" class="button-collapse"&gt;&lt;i class="mdi-navigation-menu"&gt;&lt;/i&gt;&lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/nav&gt;
    &lt;div class="section no-pad-bot" id="index-banner"&gt;
      &lt;div class="container"&gt;
        &lt;br&gt;&lt;br&gt;
        &lt;h1 class="header center orange-text"&gt;Starter Template&lt;/h1&gt;
        &lt;div class="row center"&gt;
          &lt;h5 class="header col s12 light"&gt;A modern responsive front-end framework based on Material Design&lt;/h5&gt;
        &lt;/div&gt;
        &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;
        &lt;br&gt;&lt;br&gt;
  
      &lt;/div&gt;
    &lt;/div&gt;
  
  
    &lt;div class="container"&gt;
      &lt;div class="section"&gt;
  
        &lt;!--   Icon Section   --&gt;
        &lt;div class="row"&gt;
          &lt;div class="col s12 m4"&gt;
            &lt;div class="icon-block"&gt;
              &lt;h2 class="center light-blue-text"&gt;&lt;i class="mdi-image-flash-on"&gt;&lt;/i&gt;&lt;/h2&gt;
              &lt;h5 class="center"&gt;Speeds up development&lt;/h5&gt;
  
              &lt;p class="light"&gt;We did most of the heavy lifting for you to provide a default stylings that incorporate our custom components. Additionally, we refined animations and transitions to provide a smoother experience for developers.&lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="col s12 m4"&gt;
            &lt;div class="icon-block"&gt;
              &lt;h2 class="center light-blue-text"&gt;&lt;i class="mdi-social-group"&gt;&lt;/i&gt;&lt;/h2&gt;
              &lt;h5 class="center"&gt;User Experience Focused&lt;/h5&gt;
  
              &lt;p class="light"&gt;By utilizing elements and principles of Material Design, we were able to create a framework that incorporates components and animations that provide more feedback to users. Additionally, a single underlying responsive system across all platforms allow for a more unified user experience.&lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="col s12 m4"&gt;
            &lt;div class="icon-block"&gt;
              &lt;h2 class="center light-blue-text"&gt;&lt;i class="mdi-action-settings"&gt;&lt;/i&gt;&lt;/h2&gt;
              &lt;h5 class="center"&gt;Easy to work with&lt;/h5&gt;
  
              &lt;p class="light"&gt;We have provided detailed documentation as well as specific code examples to help new users get started. We are also always open to feedback and can answer any questions a user may have about Materialize.&lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
  
      &lt;/div&gt;
      &lt;br&gt;&lt;br&gt;
  
      &lt;div class="section"&gt;
  
      &lt;/div&gt;
    &lt;/div&gt;
  
    &lt;footer class="page-footer orange"&gt;
      &lt;div class="container"&gt;
        &lt;div class="row"&gt;
          &lt;div class="col l6 s12"&gt;
            &lt;h5 class="white-text"&gt;Company Bio&lt;/h5&gt;
            &lt;p class="grey-text text-lighten-4"&gt;We are a team of college students working on this project like it's our full time job. Any amount would help support and continue development on this project and is greatly appreciated.&lt;/p&gt;
  
  
          &lt;/div&gt;
          &lt;div class="col l3 s12"&gt;
            &lt;h5 class="white-text"&gt;Settings&lt;/h5&gt;
            &lt;ul&gt;
              &lt;li&gt;&lt;a class="white-text" href="#!"&gt;Link 1&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a class="white-text" href="#!"&gt;Link 2&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a class="white-text" href="#!"&gt;Link 3&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a class="white-text" href="#!"&gt;Link 4&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
          &lt;div class="col l3 s12"&gt;
            &lt;h5 class="white-text"&gt;Connect&lt;/h5&gt;
            &lt;ul&gt;
              &lt;li&gt;&lt;a class="white-text" href="#!"&gt;Link 1&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a class="white-text" href="#!"&gt;Link 2&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a class="white-text" href="#!"&gt;Link 3&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a class="white-text" href="#!"&gt;Link 4&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="footer-copyright"&gt;
        &lt;div class="container"&gt;
        Made by &lt;a class="orange-text text-lighten-3" href="http://materializecss.com"&gt;Materialize&lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/footer&gt;
  
  
    &lt;!--  Scripts--&gt;
    &lt;script src="https://code.jquery.com/jquery-2.1.1.min.js"&gt;&lt;/script&gt;
    &lt;script src="js/materialize.js"&gt;&lt;/script&gt;
    &lt;script src="js/init.js"&gt;&lt;/script&gt;
    &lt;script&gt; $(document).ready(function(){
      // the "href" attribute of .modal-trigger must specify the modal ID that wants to be triggered
      $('.modal-trigger').leanModal();
    });&lt;/script&gt;
  
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>modal code:</p>
  
  <pre><code>&lt;!-- Modal Trigger --&gt;
    &lt;a class="waves-effect waves-light btn modal-trigger" href="#modal1"&gt;Modal&lt;/a&gt;
  
    &lt;!-- Modal Structure --&gt;
    &lt;div id="modal1" class="modal"&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><a href="http://materializecss.com/templates/starter-template/preview.html" rel="noreferrer">Here's a demo of Starter template</a></p>
  
  <p><a href="http://materializecss.com/templates/starter-template.zip" rel="noreferrer">Here's download link of template</a></p>