无限滚动分页javascript实现问题

我正试图在jsfiddle中使用javascript实现无限滚动分页，但我有问题使其正常工作。滚动时我没有看到褪色，当我到达内容的末尾时，我应该得到的消息是没有更多的数据，而是说它正在等待更多的数据。

原始示例:http://andersonferminiano.com/jqueryscrollpagination/

我的实现:http://jsfiddle.net/jsuHD/

我给jsfiddle添加了一个外部资源:scrollpagination.js

我认为我的问题是与javascript和不知道传递什么作为contentPage

$(function(){
            $('#content').scrollPagination({
                'contentPage': 'http://jsfiddle.net/jsuHD/', // the url you are fetching the results
                'contentData': {}, // these are the variables you can pass to the request, for example: children().size() to know which page you are
                'scrollTarget': $(window), // who gonna scroll? in this example, the full window
                'heightOffset': 10, // it gonna request when scroll is 10 pixels before the page ends
                'beforeLoad': function(){ // before load function, you can display a preloader div
                    $('#loading').fadeIn();
                },
                'afterLoad': function(elementsLoaded){ // after loading content, you can use this function to animate your new elements
                     $('#loading').fadeOut();
                     var i = 0;
                     $(elementsLoaded).fadeInWithDelay();
                     if ($('#content').children().size() > 100){ // if more than 100 results already loaded, then stop pagination (only for testing)
                        $('#nomoreresults').fadeIn();
                        $('#content').stopScrollPagination();
                     }
                }
            });
            // code for fade in element by element
            $.fn.fadeInWithDelay = function(){
                var delay = 0;
                return this.each(function(){
                    $(this).delay(delay).animate({opacity:1}, 200);
                    delay += 100;
                });
            };
        });