Gina Quatrine commented on Magnific Popup JS

Since I couldn't get that to work, now I'm trying to use this one and still am doing something wrong and would love your help!

http://zurb.com/playground/reveal-modal-plugin

Have all files uploaded into Assets (reveal.css, jquery.min.js, & jquery.reveal.js) and added the following to my theme.liquid file:

<div id="myModal" class="reveal-modal">
     <h1>Modal Title</h1>
     <p>Any content could go in here.</p>
     <a class="close-reveal-modal">&#215;</a>
</div>

<a href="#" data-reveal-id="myModal"><img src="{{ 'emailsignup1.jpg' | asset_url }}" ></a>

I also added this right before the </body>:

<script type="text/javascript">
  jQuery("document").ready(function (){   
$('#myModal').reveal({
     animation: 'fadeAndPop',                   //fade, fadeAndPop, none
     animationspeed: 300,                       //how fast animtions are
     closeonbackgroundclick: true,              //if you click background will modal close?
     dismissmodalclass: 'close-reveal-modal'    //the class of a button or element that will close an open modal
});

      });
</script>

What am I doing wrong?