title: Skrollr.js not activating
body: <p>I have spent the past 3 hours trying to get skrollr to show me anything! I have tried calling the script before the body, in the header, and have tried a whole bunch of tutorials to try to get it it to work but i'm not sure why it's not working AT ALL.</p>
  
  <p>In the <code>&lt;head&gt;</code> I have </p>
  
  <pre><code>&lt;script type="text/javascript" src="js/skrollr.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/go-skrollr.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Ok as per @melc I made some changes, the one below being the main one. Still with no luck.</p>
  
  <pre><code>(function() {
      $(document).ready(function(){skrollr.init();});
  })();
  </code></pre>
  
  <p>And in my summary row (div right below nav) I have</p>
  
  <pre><code>&lt;div class="container" data-center="opacity: 1" data-200-top="opacity: 0" data-anchor-target="#summary h3"&gt;
  </code></pre>
  
  <p>To my knowledge this should make the content inside that container disappear when the h3 is 200 pixels from the top.</p>
  
  <p>I have tried calling it a bunch of different ways, still with no luck!</p>
  
  <p><a href="http://aliensix.com/lightningbolt/" rel="nofollow">Live site</a></p>