jQuery Grid Plugin - jqGrid

Hi guys,

Well I've got a JSON object list being returned from a webservice...one object of the array looks something like this:

{
    "Title":"New Event","Sites":null,
    "Location":"Islamabad",
    "Description":"",
    "Cause":{"Name":"Test Cause 21","Description":"Testing"},
}

As you can see, there is a nested json object inside it (Cause)...now I would like to see a column 'Cause' in the grid which shows the name of the cause only...I've defined the the column model like this:

colModel:

[
                    { name: 'Id', index: 'Id', width: 60 },
                    { name: 'Cause.Name', index: 'Cause.Name', width: 60 },
                    { name: 'Title', index: 'Title', width: 90},

]

but the Cause column shows up empty...any idea on how I can get this to work properly?