title: jQgrid Inside jQuery simple modal problems with z-index in edit/delete/add popups
body: <p>I put jQGrtid inside jQuery simple model dialog.
  z-index of simple dialog is 950 so i changed the z-index of jqGrid edit/add/delete pupups greater that that because otherwise they appearing below simple modal. </p>
  
  <pre><code>.jqmID1 { z-index: 1000 !important; }
  .jqmID2 { z-index: 1000 !important; }
  .jqmID3 { z-index: 1000 !important; }
  </code></pre>
  
  <p>All was looking good but than if i click/close "edit" and than click/clase "add" and than back to "edit" jQGrid popup again displaying below simple modal.</p>
  
  <p>Than i find out than each time .jqmIDn increasing the n value for each new opening popup so my fix working only for 3 first popups ant than when value getting increased <code>.jqmID4 .jqmID5</code> .... in is not working</p>
  
  <p>Is there anything i can do to fix that? should i change jQgrid.js somewhere?</p>
  
  <p><strong>UPDATE:</strong></p>
  
  <p>OK, as a solution to that I've found a way how to change z-index in simple modal instead, so i decrease it like that:</p>
  
  <pre><code>$("#myDiv").modal({
  
     ...
     zIndex: 800,
     ...
  });
  </code></pre>
  
  <p>If someone have any another ideas let me know</p>