title: Basic Waypoint usage
body: <p>I'm trying to use the <a href="http://imakewebthings.com/jquery-waypoints/" rel="noreferrer">Waypoints</a> plugin for jQuery to lazy load elements on a webpage. However I can't get it to work. :(</p>
  <p>I made a very basic example: <a href="http://jsfiddle.net/P3XnN/2/" rel="noreferrer">http://jsfiddle.net/P3XnN/2/</a></p>
  <p>According to the Waypoints documentation all I need to do is the following.</p>
  <p><strong>JS:</strong></p>
  <pre><code>$('#waypoint').waypoint(function() {
     alert('You have scrolled to my waypoint.');
  });
  </code></pre>
  <p><strong>HTML:</strong></p>
  <pre><code>&lt;div style=&quot;height: 500px&quot;&gt;Scroll down&lt;/div&gt;
  &lt;div id=&quot;waypoint&quot;&gt;Waypoint&lt;/div&gt;
  </code></pre>
  <p>But it isn't as simple as that apparently.
  Please help.</p>