Open more than one Modal on same page in Materialize
<p>I have a page where I plan on having multiple modals that can be opened. The first one works fine, I link to it in several places on the page. When I added the second one though upon clicking it all I get it a darkened screen. The modal doesn't show up.</p>

<p>I read through everything I could find both here and on materialize website. Tried a few things like adding multiple triggers to init.js:</p>

<pre><code>$(document).ready(function(){
// the "href" attribute of .modal-trigger must specify the modal ID that wants to be triggered
$('.modal-trigger').leanModal();
  });

$(document).ready(function(){
    // the "href" attribute of .modal-trigger must specify the modal     ID that wants to be triggered
   $('.modal-trigger1').leanModal();
  });
</code></pre>

<p>Nut that didn't do anything. Tried calling it as a js function under onclick instead of through the href tag and class, but its the same. </p>

<p>Any ideas?</p>