jqGrid is not rendered after data is retrieved from server

I am having trouble to display data in jqGrid after data is retrieved from the server. jqGrid shows Loading message however does not show the data after its done loading.

    $("#list27").jqGrid({
        url: '/server/getdata.do?name=afonso',
        datatype: "json",
        height: 355,
        width: 750,
        colNames:['Email','Name', 'Empno', 'Notes'],
        colModel:[
            {name开发者_JAVA技巧:'email', width:200},
            {name:'name', width:200},
            {name:'empno', width:100},
            {name:'notes', width:250}
        ],
        viewrecords: true,
        sortorder: "asc",

    caption: "Loading data from server at once" 
});

1. Check for javascript errors (#1 culprit)
2. Check url: '/server/getdata.do?name=afonso', to make sure that it is actually returning proper data.