title: jqgrid addrowdata problem
body: <p>I have a problem with adding a new empty row in a jqgrid.</p>
  
  <p>My colmodel is :</p>
  
  <pre><code>colModel: [{ name: 'recid', index: 'testid', hidden: true, editable: true, editrules: { edithidden: true} },
             { name: 'JobTask.Id', index: 'JobTask.Id', hidden: true },
             { name: 'InvolvedParty.Id', index: 'InvolvedParty.Id', hidden: true, editable: true, editrules: { edithidden: true} },
             { name: 'InvolvedParty.Lastname', index: 'InvolvedParty.Lastname', width: 100, align: 'left', editable: true},
             { name: 'deletefield', width: 100, sortable: false, title: false, align: 'center', label: ' '}],
  </code></pre>
  
  <p>The code I use to insert the row is:</p>
  
  <pre><code>var rowid = jQuery.Guid.New();
  var newRowData = [{ "recid": rowid, "JobTask.Id": "@(Model.id)", "InvolvedParty.Id": "", "InvolvedParty.Lastname": "", "deletefield": ""}];
  $("#grid_id").addRowData(rowid, newRowData);
  </code></pre>
  
  <p>then I enter some data and save the row with</p>
  
  <pre><code>jQuery('#grid_id').saveRow(rowid);
  </code></pre>
  
  <p>everything works fine. Now when I press the insert again, I get an empty
  row with just one cell, which is not even editable. My newly inserted row
  should had two fields <strong><em>lastname</em></strong> and the <strong><em>deletefield</em></strong> which contains two buttons (delete, save).</p>
  
  <p>Any ideas why is this happening?</p>