title: jQuery panelSnap.js not working properly?
body: <p>and thanks in advance for any help.</p>
  
  <p>I'm new into jQuerys and have been teaching myself through the help of GitHub. I have a very simple scroll-snap code written out, however, the actual snapping part is not working. I will paste my code right below:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;center&gt;
  &lt;head&gt;
    &lt;link href="my.css" rel="stylesheet" type="css/text"&gt;
  &lt;meta name="robots" CONTENT="all"&gt;
  
  &lt;title&gt;&lt;/title&gt;
  &lt;script type="text/JavaScript" src="/htdocs/jQuery/jquery-1.12.1.min.js"&gt;    &lt;/script&gt;
   &lt;script type="text/JavaScript" src="/htdocs/jQuery/jquery.panelSnap.js"&gt;     &lt;/script&gt;
   &lt;script&gt;
        jQuery(function($) {
          $('body').panelSnap();
        });
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div&gt;
      &lt;div class="page one"&gt;
        &lt;div class="inside"&gt;
          &lt;div&gt;TrynaMatch?&lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="page two"&gt;
        &lt;div class="inside"&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="page three"&gt;
        &lt;div class="inside"&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="page four"&gt;
        &lt;div class="inside"&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;/center&gt;
  
  &lt;/body&gt;
  &lt;/div&gt;
  &lt;/html&gt; `
  </code></pre>
  
  <p>Please help me with any tips. I am a complete beginner so feel free to offer any criticism. Thanks again!</p>