need help with infinite scrolling
<p>i am trying to debug why when i use this <a href="http://www.infinite-scroll.com/infinite-scroll-jquery-plugin" rel="nofollow">infinite scrolling plugin</a>, nothing happens ... </p>

<pre><code>$(function() {
  $(".posts").infinitescroll({
    navSelector: "#pageNav",
    nextSelector: ".next",
    itemSelector: ".posts .post"
  });
});

&lt;div class="posts"&gt;
  &lt;div class="post"&gt;1. ...&lt;/div&gt;
  &lt;div class="post"&gt;2. ...&lt;/div&gt;
  &lt;div class="post"&gt;3. ...&lt;/div&gt;
  &lt;div class="post"&gt;4. ...&lt;/div&gt;
  &lt;div class="post"&gt;5. ...&lt;/div&gt;
  &lt;div class="post"&gt;6. ...&lt;/div&gt;
  &lt;div class="post"&gt;7. ...&lt;/div&gt;
  &lt;div class="post"&gt;8. ...&lt;/div&gt;
  &lt;div class="post"&gt;9. ...&lt;/div&gt;
  &lt;div class="post"&gt;10 ...&lt;/div&gt;
&lt;/div&gt;
&lt;ul id="pageNav" class="clearfix"&gt;
  &lt;li&gt;&lt;a href="page1.html" class="active"&gt;1&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="page2.html" class="next"&gt;2&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="page3.html"&gt;3&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="page4.html"&gt;4&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="page5.html"&gt;5&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>
