Infinite Scroll jQuery Plugin

// infinitescroll() is called on the element that surrounds 
// the items you will be loading more of
  $('#content').infinitescroll({
 
    navSelector  : "div.navigation",            
                   // selector for the paged navigation (it will be hidden)
    nextSelector : "div.navigation a:first",    
                   // selector for the NEXT link (to page 2)
    itemSelector : "#content div.post"          
                   // selector for all items you'll retrieve
  });

// usage:
// $(elem).infinitescroll(options,[callback]);
 
// infinitescroll() is called on the element that surrounds 
// the items you will be loading more of
  $('#content').infinitescroll({
 
    navSelector  : "div.navigation",            
                   // selector for the paged navigation (it will be hidden)
 
    nextSelector : "div.navigation a:first",    
                   // selector for the NEXT link (to page 2)
 
    itemSelector : "#content div.post"          
                   // selector for all items you'll retrieve
 
    debug        : true,                        
                   // enable debug messaging ( to console.log )
 
    loadingImg   : "/img/loading.gif",          
                   // loading image.
                   // default: "http://www.infinite-scroll.com/loading.gif"
 
    loadingText  : "Loading new posts...",      
                   // text accompanying loading image
                   // default: "<em>Loading the next set of posts...</em>"
 
    animate      : true,      
                   // boolean, if the page will do an animated scroll when new content loads
                   // default: false
 
    extraScrollPx: 50,      
                   // number of additonal pixels that the page will scroll 
                   // (in addition to the height of the loading div)
                   // animate must be true for this to matter
                   // default: 150
 
    donetext     : "I think we've hit the end, Jim" 
                   // text displayed when all items have been retrieved
                   // default: "<em>Congratulations, you've reached the end of the internet.</em>"
 
                  },function(){
 
                   // optional callback when new content is successfully loaded in.
                   // keyword 'this' will refer to the new DOM content that was just added.
  });

// load all post divs from page 2 into an off-DOM div
$('<div/>').load('/page/2/ #content div.post',function(){ 
    $(this).appendTo('#content');    // once they're loaded, append them to our content area
});