title: Deleting jqGrid rows with local data results in unclickable cells
body: <p>I'm having a problem with my jqGrid.</p>
  
  <ul>
  <li>It is using local data</li>
  <li>It is setup to allow inline (cell editing)</li>
  </ul>
  
  <p>When I delete a row (locally only) using the <code>delRowData</code> method, the row is deleted as expected. However when I delete a couple of rows, the inline cell editing seems to stop working. </p>
  
  <p>When this happens I don't see any errors in the chrome debug window. I've setup a fiddle <strong><a href="http://jsfiddle.net/wdwdxLuk/1/" rel="nofollow">here</a></strong></p>
  
  <p>Here is the grid definition</p>
  
  <pre><code>$("#grid").jqGrid({
      datatype: "local",
      height: 250,
      colNames: ['Inv No', 'Thingy', 'Blank', 'Number', 'Status'],
      colModel: [{
          name: 'id',
          index: 'id',
          width: 60,
          sorttype: "int",
          editable : false
      }, {
          name: 'thingy',
          index: 'thingy',
          width: 90,
          sorttype: "date",
          editable : true,
          edittype : 'text'
      }, {
          name: 'blank',
          index: 'blank',
          width: 30,
          editable : true,
          edittype : 'text'
      }, {
          name: 'number',
          index: 'number',
          width: 80,
          sorttype: "float",
          editable : true,
          edittype : 'text'
      }, {
          name: 'status',
          index: 'status',
          width: 80,
          sorttype: "float",
          editable : true,
          edittype : 'text'
      }],
      caption: "Stack Overflow Example",
      cellEdit    : true,
      cellsubmit  : 'clientArray'
  });
  </code></pre>
  
  <p>Here is my delete method. I've made it as simple as I can. It just always deletes the first row.</p>
  
  <pre><code>function deleteRow() {
      var ids = $("#grid").jqGrid('getDataIDs');
      $("#grid").jqGrid('delRowData', ids[0]);
  }
  </code></pre>