jQuery Grid Plugin - jqGrid

Hi,

Due to design reasons I must use the addJSONData method to load my grid.

Can anyone please tell me why my call the addJSONData method does not work?

Below the code is an image of my results.

Thanks!

Chris

$j(document).ready(function() {
    /*————————————————*/
    
    $j("#leadlist").jqGrid({
        datatype: 'json',
        altRows:true,
        loadonce: true,
        colNames:['counselor_id','first_name','last_name','email_address','phone','comment'],
        colModel :[
            {name:'counselor_id', index:'counselor_id', key:true, formatter:'integer', sorttype:'int', width:55},
            {name:'first_name', index:'first_name', width:150},
            {name:'last_name', index:'last_name', width:150, sortable:false},
            {name:'email_address', index:'email_address', width:150, sortable:false},
            {name:'phone', index:'phone', width:150, sortable:false},
            {name:'comment', index:'comment', width:150, sortable:false}
        ],
        jsonReader : {
            root: function (obj) { debugger; return obj; },
            cell: function (obj) { return obj; },
            page: function (obj) { return 1; },
            total: function (obj) { return 1; },
            records: function (obj) { return obj.length; }
        },
        ondblClickRow: function(rowid, rowndx, colndx, objEvent)
        {
            top.location.href = '/counselor-hub/lead-profile/id/'+rowid;
        },
        width:750,
        height:400,
        pager: '#leadpager',
        rowNum:30,
        rowList:[15,30,60,100],
        sortname: 'name',
        sortorder: 'desc',
        viewrecords: true,
        caption: 'Counselor Leads'
    });

$j('#leadlist')[0].addJSONData('[{"counselor_id":40,"first_name":"Rick","last_name":"tester","email_address":"rick@tester.org","phone":"555-666-7777","comment":"My test comments"}]');

})

[Image Can Not Be Found]