title: how to reload all jqgrids on the page after changes made in any of them
body: <p>I have couple of jqgrids on a page..Now I want to reload both the jqgrids after i update a record in any of them.</p>
  
  <p>Here is my body..</p>
  
  <pre><code>    &lt;div style="position: relative; top: 40px; width:50%"&gt;
          &lt;table id="list"&gt;&lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt; 
          &lt;div id="pager"&gt;&lt;/div&gt; 
      &lt;/div&gt;
  
      &lt;div style="position: relative; top: -250px; left:50%;"&gt;
          &lt;table id="list1"&gt;&lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt; 
          &lt;div id="pager1"&gt;&lt;/div&gt; 
      &lt;/div&gt;
  </code></pre>
  
  <p>and Here is the script for after submit function of first jqgrid...</p>
  
  <p>afterSubmit: function (response, postdata)</p>
  
  <pre><code>                        {
  
                              if (response.responseText === "OK")
                              {
                                  alert("Update is succefully");
  
                                  alert(this);
                                  $(this).jqGrid("setGridParam", {datatype: 'json'});
                                  return [true, "", ""];
  
                                  alert("#list1");
                                  $("#list1").jqGrid("setGridParam", {datatype: 'json'});
                                  return [true, "", ""];
                                  //   $(this).trigger('reloadGrid');
  
                              }
                              else {
                                  alert("Update failed");
                                  return [true, "", ""];
                              }
                          }
  </code></pre>
  
  <p>Now using this code my first jqgrid does get reloaded after updating data and shows updated data in that jqgrid, However second jqgrid which has id #list1 doesn't get reloaded/refreshed.How do I Achieve this?</p>