jQuery Grid Plugin - jqGrid

I am using jqGrid-4.1.2.min.js and seem to be having a problem with the onSelectRow event.

When I click a loaded row, it returns an "undefined" id.   The code in my function then returns the row values in the first row.

Below is my code which is similar to code I have used successfully in the past.   Does anyone know if there is a problem/bug or can a second set of eyes see a problem in my code?

Thank you for your help.

Stephen McConnell

/*
 * Creates the grid in the Schedule Tab and makes the Web Service call to populate the Grid.
 */
function createScheduleTab() {
    jQuery("#raceGrid").jqGrid({
        datatype: "local",
        colNames:['Id', 'Race No','Race Id', 'Series', 'Date','Race Name','Track Name'],
        colModel:[
            {name:'gridid',index:'gridid', width: 50},
            {name:'racenumber',index:'racenumber', width:50},
            {name:'raceid',index:'raceid', width:50, align: "center"},
            {name:'series',index:'series', width:50, align:"center"},
            {name:'racedate',index:'racedate', width:80, align:"left"},
            {name:'racename',index:'racename', width:200,align:"left"},
            {name:'trackname',index:'trackname', width:200, sortable:false}
        ],
        multiselect: false,
        rowNum:10,
        rowList:[10,20,30],
        pager: '#racePgr',
        sortname: 'gridid',
        sortorder: "desc",
        viewrecords: true,
        caption: "Scheduled Races",
        onSelectRow: function(id, status) {
        
            var gridRow = $(this).getRowData(id);
            var raceId = gridRow["raceid"];
            alert("Selected Row: " + id + " raceId: " + raceId);
            
            
        }    
    });
    jQuery("#raceGrid").jqGrid('navGrid','#racePgr',{add:false,edit:false,del:false});
    
    loadRaceGrid();
}

/*
 * Makes the Web service call to a Java class to load the Scheduled Races JSON object.
 */
function loadRaceGrid() {
    $.getJSON("/services/raceevents/getScheduledRaces",
        function(data){
            if(typeof(data.error) == "undefined") {
                   populateRaceGrid(data);
            } else {
                alert(data.error);
               }
    });
}

/*
 * Takes the Returned JSON data and populates the Scheduled Race Grid.
 */
function populateRaceGrid(data) {
    var myData = new Array();
    var grid = $("#raceGrid");
    
    for(var i = 0; i < data.races.length; i++) {
        myData[i] = [
            {
                gridid: data.races[i].id,
                racenumber: data.races[i].racenumber,
                raceid: data.races[i].raceid,
                series: data.races[i].series,
                racedate: data.races[i].racedate,
                racename: data.races[i].racename,
                trackname: data.races[i].trackname
            }
        
        ];
    }
    
    grid.jqGrid('clearGridData');
    for(var i=0;i< myData.length;i++) {
        grid.jqGrid('addRowData',i+1,myData[i]);
    }
}