sAjaxSource - server side processing, table does not return data on the browser. Works on the client

swollin

Hello,
I am using datatables with IBM Lotus Notes Domino Xpages. I have setup all the components I need as required. I am not so sure if I have all the pieces for the sAjaxSource to work on the browser however. Here is what is happening:
1) I initialize my table: $(document).ready(function() {

$('#new1').dataTable({

"sAjaxSource": "json_source.txt",
"bServerSide": false,
"bProcessing": true,
"oLanguage": {
"sZeroRecords": "",
"sEmptyTable": ""
},
"aoColumns": [
{
"sTitle": "First Name"},
{
"sTitle": "Last Name"},
{
"sTitle": "Age"},
{
"sTitle": "City"},
{
"sTitle": "Email"}
]
});
});
I have a table rendered on the Xpage computed as follows:
'First NameLast NameAgeCityEmailTESTFNAMETESTLNAME54TESTCITYNAMEtestemail@test.net'
2)I have ensured that there are no parsing errors in my json_source.txt on jsonlint.
File Link-> http://bit.ly/XjwwhP
3) The table loads fine with the contents of json_source.txt in the client. But on the browser, I just get a "processing...". with no results returned.
Is there more Ajax processing required that I am not handling for? Any insight is greatly appreciated. The link above should work to test my issue with a direct download link to my json file.

Thanks in advance
SW.
Link to demo: http://bit.ly/TxaOTS