title: Waypoints js not working as expected
body: <p>I am working on a website with one-page scroll layout. I am using the jquery.onepage-scroll.js library for the layout. And i want to add animations while the different sections are scrolled. I tried using the waypoints library to achieve the same but the problem is that the events are not firing when i scroll the page, rather when i click "Inspect element" in the Chrome, only then the event associated with waypoints(in my case, the event is alert message) gets fired. I am not able to figure out the exact problem here.  </p>
  
  <p>Here is how my webpage is structured:</p>
  
  <pre><code>&lt;div class="main"&gt;
  &lt;section id="page1"&gt;&lt;/section&gt;
  &lt;section id="page2"&gt;&lt;/section&gt;
  &lt;section id="page3"&gt;&lt;/section&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And here is how i have associated an alert to the waypoint function just to check if it works:</p>
  
  <pre><code>$("section#page2").waypoint(function(){
              alert('waypoint ok');
          });
  </code></pre>