Populate jQuery autoscroll plugin with data using ajax; Template function never fired
<p>I am trying to use a jQuery plugin called <em><a href="http://msjolund.github.com/autobrowse/twitterdemo.html" rel="nofollow">autoscroll</a></em> to show comments on my site. However I am struggling to pull the comments from my database using AJAX, and the <code>template</code> function is never called.</p>

<pre><code>$(".Reviews").autobrowse({
    url: function (offset) {
        //return Healthimized.Services.ClientUserServices.LoadClientUserReviews(1, LoadCustomerToSelectOption, ErrorHandler, onTimeOut)
        $.ajax({
            type: "POST",
            url: 'Services/ClientUserServices.asmx/GetAllSpecialities',
            //data: parameters,
            contentType: "application/json; charset=utf-8",
            //data: { fromDate: new Date(), toDate: new Date(), clientUserId:1},
            //data: "{'fromDate':'" + startFrom + "','toDate':'" + endTo + "','clientUserId':'" + doctorId + "'}",
            dataType: "json",
            //data: 'fromDate=' + new Date() + '&amp;toDate=' + new Date() + '&amp;clientUserId='+1,
            success: function (msg) {
                return "http://twitter.com/status/user_timeline/ParisHilton.json?count=10&amp;page=OFFSET&amp;callback=?".replace(/OFFSET/, 1+Math.round(offset/10));
            },
            error: function (e) {
                $(divToBeWorkedOn).html("Unavailable");
            }
        });
    },
    template: function (response) {
        var markup='';
        for (var i=0; i&lt;response.length; i++) {
            markup+='&lt;div style="background:rgba(0, 0, 0, 0.1);margin: 2% 2% 2% 2%;border-radius: 0.5em 0.5em 0.5em 0.5em;"&gt;&lt;table&gt;';
            markup += '&lt;tr&gt;&lt;td&gt;';
            markup += '&lt;img src="' + response[i].user.profile_image_url + '" /&gt;&lt;/td&gt;';
            markup += '&lt;td style="margin-top:-15px"&gt;'+response[i].text+'&lt;/td&gt;';
            markup += '&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;';
        }
        return markup;
    },
    itemsReturned: function (response) { return response.length; },
    max: 100,
    loader: '&lt;div class="loader"&gt;&lt;/div&gt;',
    sensitivity: 100,
    finished: function () { $(this).append('&lt;p style="text-align:center"&gt;&lt;b&gt;No More Reviews to show&lt;/b&gt;&lt;/p&gt;') }
    });
});
</code></pre>
