title: jqGrid inline edit: odd behavior with an autocomplete column
body: <p>I have a jqGrid (using inline editing) with an autocomplete column.  When the user selects a value from the autocomplete column, an event handler sets a value on another column, and also sets the value on the autocomplete column to something other than the <code>label</code> returned from the autocomplete source.  The two column definitions (complete <a href="http://jsfiddle.net/syltech/27dLM/37/" rel="nofollow">jsFiddle</a> example here):</p>
  
  <pre><code>{
      name: 'cartoonId',
      index: 'cartoonId',
      width: 90,
      editable: false},
  {
      name: 'cartoon',
      index: 'cartoon',
      width: 200,
      editable: true,
      edittype: 'text',
      editoptions: {
          dataInit: function(elem) {
              $(elem).autocomplete({
                  source: autocompleteSource,
                  select: function(event, ui){
                      var rowId = $("#inlineGrid").jqGrid('getGridParam', 'selrow');
                      if(ui.item){
                          $("#inlineGrid").jqGrid('setCell', rowId, 'cartoonId', ui.item.CartoonId);
                          $("#inlineGrid").jqGrid('setCell', rowId, 'cartoon', ui.item.Name);                            
                      }
                      return false;
                  }
              });
          }
      }},
  </code></pre>
  
  <p>The problem is that whenever the user selects a value from the autocomplete, either by clicking it or using arrows and pressing the tab key, that cell is no longer editable, and the grid appears to lose focus entirely.  If I comment out the line that sets the <code>cartoon</code> cell value, it behaves normally.  Is there any way I can get around this behavior?  I need the entire row to remain in edit mode, including the <code>cartoon</code> column, until the user completes the edit.</p>
  
  <p>jqGrid 4.4.1<br>
  jQuery 1.7.2<br>
  jQuery UI 1.8.18  </p>