title: jquery ias Infinite scrolling stops at page 2
body: <p>i'm using jquery ias for infinite scrolling + isotope.
  When loading the content all works loading page 2, but it stops loading further pages.
  <a href="http://twitstat.it/afo/more.php?next=17" rel="nofollow">here is the page</a>. I'm trying everything but without success.
  Any idea to sort out this issue?</p>
  
  <p>This is the js code i'm using</p>
  
  <pre><code>&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" 
  
  type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="./js/isotope.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="./js/jquery-ias.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  $(document).ready(function() {               
      var $container = $('#content');
      $container.isotope({
          itemSelector: '.afo',
      });
  });
      jQuery.ias({
          container : '#content',
          item: '.afo',
          pagination: '.nav',
          next: '#nextpage',
          loader: '&lt;img src="./images/loader.gif"/&gt;',
          triggerPageThreshold: 5,
  
          onRenderComplete: function(items) {
              var $newElems = jQuery(items).css({ opacity: 0 });
              $newElems.imagesLoaded(function(){
                // show elems now they're ready
                $newElems.animate({ opacity: 1 });
                jQuery("#content").isotope('appended', $newElems );
              });
          }
  
      });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>Thanks</p>