title: JqGrid : Restore state inluding column filters after column rearange
body: <p>I'm in the situation I need to save the state op the grid after re-sizing, reordering, hiding columns.</p>
  
  <p>All works well, except that the column filters (drop-downs, text field, date-picker) are not restored in the correct column after the column with the filter in is moved (collumnchooser).</p>
  
  <p>Using the following JavaScript, I can restore most what I need (size, order and visibility of the columns), but restoring the filters in the right columns doesn't work. (Filters appear  several columns after where they should.</p>
  
  <pre><code>var listName = jQuery('#list').jqGrid('getGridParam', 'customName');
  
  var colModel = LoadColumnModel(listName);
  var perm = jQuery.cookies.get(listName + '_list_perm');
  var rowNumber = jQuery.cookies.get(listName + '_list_rowNumber');
  
  if (colModel) {
      var grid = jQuery('#list');
      for (var i = 0; i &lt; colModel.length; i++) {
          var column = colModel[i];
          if (column.hidden) {
              grid.jqGrid('hideCol', column.name);
          };
          ***//I hoped next line would do the trick, but it didn't :(***
          if (column.search &amp;&amp; column.searchoptions) {
              grid.jqGrid('setColProp', column.name, { search: true, searchoptions:   column.searchoptions });
          };
      }
      grid.jqGrid('setGridParam', { colModel: colModel });
      loadGrid = false;
      if (rowNumber) {
          grid.jqGrid('setGridParam', { rowNum: rowNumber });
          jQuery('.ui-pg-selbox').val(rowNumber);
      }
      grid.trigger('reloadGrid');
      if (perm) {
          grid.jqGrid("remapColumns", perm, true);
      }
  }
  </code></pre>
  
  <p>Anyone has a clue? </p>