title: how to change the display position of jqgrid
body: <p>I have seen many demos of the jqgrid and all show the grid at the top left corner of the browser. 
  I need to display it in different locations hopefully within my own divs but I can not get it to work no matter what I try. I have read it gets wrapped into other div so I even tried to move them unsucessfully.</p>
  
  <p>Example:</p>
  
  <pre><code>&lt;div id='draggable2' style='position:absolute; top:100; left:500; background:blue'&gt;
    &lt;table id="list2" class='scroll' style='position:absolute; top:100; left:100'&gt;
      &lt;tr&gt;&lt;td/&gt;&lt;/tr&gt;
    &lt;/table&gt; 
    &lt;div id="pager" style='background:cyan'&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Then in loadComplete: function </p>
  
  <pre><code>$('#list2').attr('left','100px');
  $('#list2').attr('top','100px');
  $('#draggable2').attr('left','100px');
  $('#draggable2').attr('top','100px');
  $('#gview_list2').attr('left','100px');
  $('#gview_list2').attr('top','100px');
  </code></pre>
  
  <p>Any hints are greatly appreciated
  Thanks</p>