title: Infinite scroll loading too quickly
body: <p>Lots of separate issues here that I want to figure out so apologies for lots of recent posts ;)</p>
  
  <p>I have infinite scroll working on my site (other issues we won't mention) yet the whole thing seems to fire too quickly, especially before the pagination exists.</p>
  
  <p>This is what I have:</p>
  
  <pre><code>&lt;script src="&lt;?php bloginfo('template_directory'); ?&gt;/js/jquery.infinitescroll.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
    $(function(){
  
  var $container = $('.rest-of-content');
  
    $container.infinitescroll({
      navSelector  : '.wp-paginate',    // selector for the paged navigation 
      nextSelector : '.wp-paginate li a',  // selector for the NEXT link (to page 2)
      itemSelector : '.single-fg-post',     // selector for all items you'll retrieve
      bufferPX: 20,
      loading: {
        msgText: 'Fetching more gold...',
        finishedMsg: 'Damn! No more gold!',
        img: '&lt;?php bloginfo('template_directory'); ?&gt;/images/ajax-loader-black.gif'
      }
  });
  
    });
  &lt;/script&gt;
  </code></pre>
  
  <p>Yet, if you look at the way it works: <a href="http://goo.gl/L9p00" rel="nofollow">http://goo.gl/L9p00</a> - if you scroll down a little, you can see the scrollbar slider shorten as it loads the content before I have even reached it.</p>