Best Practices for Pagination (morenation)

Best Practices for Pagination (morenation)

Has anybody built a good morenation script for a list view?  

By morenation I mean a facebook style where the next page is attached to the end of the list rather than pagination where  you would go to the next page.

Right now, I have a list view and added a li at the end with my more link.  This is my current code

  1. $('.more a').live('click', function(){
  2.   Mobile.showIndicator();
  3.   var more = $(this);
  4.   var list = more.closest('ul,ol');

  5.   var url = more.attr('href');
  6.   console.log(url.indexOf('?'))
  7.   var separator = url.indexOf('?') == -1 ? '?' : '&';
  8.   more.jqmData('offset', parseInt( more.jqmData('offset') || more.jqmData('limit') ) );
  9.   more.jqmData('limit', parseInt( more.jqmData('limit') ) );
  10.   url += separator + 'offset=' + more.jqmData('offset') + '&limit=' + more.jqmData('limit') ;

  11.   $.ajax({
  12.     url: url,
  13.     type: 'GET',
  14.     success:function(data){
  15.       list.find('.more').before(data);
  16.       more.jqmData('offset', more.jqmData('offset') + more.jqmData('limit') )
  17.     },
  18.     error: function(){
  19.       alert('Failed to load more data');
  20.     },
  21.     complete: function(){
  22.       Mobile.hideIndicator();
  23.     }
  24.   });
  25.   return false;
  26. });

It is still firing the default click action and creating and going to the new page.

What event do i need to bind to and prevent?

-rod