title: Uncaught TypeError: $(...).leanModal is not a function at HTMLDocument.<anonymous>
body: <p>I'm using Materialize css library and laravel to create a Survey application:
  here is my html code: </p>
  
  <pre><code>&lt;div id="doDelete" class="modal bottom-sheet"&gt;
          &lt;div class="modal-content"&gt;
            &lt;div class="container"&gt;
              &lt;div class="row"&gt;
                &lt;h4&gt;Are you sure?&lt;/h4&gt;
                &lt;p&gt;Do you wish to delete this survey called "{{ $survey-&gt;title }}"?&lt;/p&gt;
                &lt;div class="modal-footer"&gt;
                  &lt;a href="/survey/{{ $survey-&gt;id }}/delete" class=" modal-action waves-effect waves-light btn-flat red-text"&gt;Yep yep!&lt;/a&gt;
                  &lt;a class=" modal-action modal-close waves-effect waves-light green white-text btn"&gt;No, stop!&lt;/a&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p>and init.js code:</p>
  
  <pre><code>$(document).ready(function() {
    $('.collapsible').collapsible({
      accordion: false
    });
  
   $('.modal-trigger').leanModal();
  
    $(document).on('click', '.delete-option', function() {
      $(this).parent(".input-field").remove();
    });
  </code></pre>
  
  <p>but I have this error when trying to execute delete function</p>
  
  <pre><code>init.js:6 Uncaught TypeError: $(...).leanModal is not a function
      at HTMLDocument.&lt;anonymous&gt; (init.js:6)
      at j (jquery.min.js:2)
      at Object.fireWith [as resolveWith] (jquery.min.js:2)
      at Function.ready (jquery.min.js:2)
      at HTMLDocument.I (jquery.min.js:2)
  </code></pre>
  
  <p>also I include  init.js and jquery.min.js</p>
  
  <pre><code> &lt;script src="{{ URL::asset('jquery.min.js') }}"&gt;&lt;/script&gt;
      {!! MaterializeCSS::include_js() !!}
      &lt;script src="{{ URL::asset('init.js') }}"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>any help please !! thanks.</p>