Infinite Scroll not working

Infinite Scroll not working

i am using this infinite scroll plugin i have the following markup and i get nothing happening, new page posts are not loaded ...

  1. $(function() {
  2.   $(".posts").infinitescroll({
  3.     navSelector: "#pageNav",
  4.     nextSelector: ".next",
  5.     itemSelector: ".posts .post"
  6.   });
  7. });
  1. <div class="posts">
      
    <div class="post">1. ...</div>
      
    <div class="post">2. ...</div>
      
    <div class="post">3. ...</div>
      
    <div class="post">4. ...</div>
      
    <div class="post">5. ...</div>
      
    <div class="post">6. ...</div>
      
    <div class="post">7. ...</div>
      
    <div class="post">8. ...</div>
      
    <div class="post">9. ...</div>
      
    <div class="post">10 ...</div>
    </div>
    <ul id="pageNav" class="clearfix">
      <li><a href="page1.html" class="active">1</

    a></li>
      
    <li><a href="page2.html" class="next">2</a></li>
      
    <li><a href="page3.html">3</a></li>
      
    <li><a href="page4.html">4</a></li>
      
    <li><a href="page5.html">5</a></li>
    </ul>