title: jqGrid always highlighting first row when using addRowData
body: <p>Been trying to get the rowID to no avail and I've just suddenly realised there's a fault in my code that's affecting how jqGrid is operating.</p>
  
  <p>My code is as follows:</p>
  
  <pre><code>function showSearchResults(k1,k2,k3,k4,k5){
  
  jQuery("#list2").jqGrid(    {   datatype: function(pdata) {
          getData(pdata,k1,k2,k3,k4,k5);
      },
                              colNames:['title','section','Year','Month', 'Page', 'rank', k1,k2,k3,k4,k5],
                              colModel:[
                                          {name:'title',index:'title', width:300},
                                          {name:'section',index:'section', width:100},                                    
                                          {name:'yearEdition',index:'yearEdition', width:60, align:"center"},
                                          {name:'monthEdition',index:'monthEdition', width:60, align:"center"},
                                          {name:'pageNumber',index:'pageNumber', width:60, align:"center"},
                                          {name:'rank',index:'rank', width:100, align:"center"},
                                          {name:'keyword1',index:'keyword1', width:100, align:"center"},
                                          {name:'keyword2',index:'keyword2', width:100, align:"center"},
                                          {name:'keyword3',index:'keyword3', width:100,align:"center"},
                                          {name:'keyword4',index:'keyword4', width:100,align:"center"},
                                          {name:'keyword5',index:'keyword5', width:100,align:"center"}
                                      ],
                              rowNum:10,
                              rowList:[10,20,30],
                              pager: '#pager2',
                              sortname: 'id',
                              viewrecords: true,
                              sortorder: "desc",
                              loadonce:true,
                              caption:"Results" });
  
  jQuery("#list2").jqGrid('navGrid','#pager2',{edit:false,add:false,del:false});
  </code></pre>
  
  <p>The GetData function is merely this:</p>
  
  <pre><code>function getData(pdata,keyword1,keyword2,keyword3,keyword4,keyword5) {
  
  $.getJSON('addresshere?callback=?',
      {
          k1:keyword1,
          k2:keyword2,
          k3:keyword3,
          k4:keyword4,
          k5:keyword5,
          async:false
      },
  
      function (data) {
      var a = JSON.parse(data);
  
      if (a.length != 0)  {
          $.each(a, function (index, item)
                          {
                          var thegrid = jQuery("#list2"); 
                          thegrid.addRowData(0,item);
                          });
                          }
                      });
      }
  </code></pre>
  
  <p>Returning the rows from the WebService, populating the grid all work fine, but no matter where I click on the grid, the first row is always highlighted.</p>
  
  <p>Is there anything obvious or any known issues (like fields names conflicting with the jsGrid code, etc).</p>