title: jqGrid reload grid
body: <p>It's an addition for previous my question about adding columns into jqGrid-based table. Here my new js-code:</p>
  
  <pre><code>var col_names = ['First', 'Second', 'Third', 'Fourth', 'Fifth'];
  var col_model = [
        {name:'invid', index:'invid', width:100}, 
        {name:'invdate', index:'invdate', width:90}, 
        {name:'amount', index:'amount', width:80, align:'right'}, 
        {name:'tax', index:'tax', width:80, align:'right'}, 
        {name:'total', index:'total', width:80, align:'right'}, 
  ];
  
  function createGrid()
  {
    var handle = $("#list").jqGrid({
      url:'data.xml',
      datatype: 'xml',
      mtype: 'GET',
      colNames: col_names,
      colModel : col_model,
    }); 
  }
  </code></pre>
  
  <p>Now I call <code>createGrid();</code> after document is loaded, everything works fine. Now I want to add a new column (with empty data) and reload jqGrid:</p>
  
  <pre><code>  $("#add_column").click(function() {
          $('#list').trigger("DestroyGrid"); // Also tried UnloadGrid
  
          col_names.push('New');
          col_model.push({name: 'test', index: 'test', width: 100});
  
          createGrid(); // And recreate grid
    });
  </code></pre>
  
  <p>But nothing happens, why?</p>
  
  <hr>
  
  <p><strong>UPD</strong></p>
  
  <pre><code>  $("#add_column").click(function() {
          col_names.push('New');
          col_model.push({name: 'test', index: 'test', width: 100});
  
          $('#list').trigger("reloadGrid");
    });
  </code></pre>
  
  <p>The same situation</p>
  
  <hr>
  
  <p><strong>UPD2</strong>
  I tried these:</p>
  
  <pre><code>ajaxGridOptions: {cache: false},
  loadonce:false
  </code></pre>
  
  <p>Didn't change the situation.</p>