title: Div refresh and scroll bar issue
body: <p>I've the following Javascript code :</p>
  
  <pre><code>&lt;script&gt; 
  var auto_refresh = setInterval(
  function()
  {
  $('#loaddiv').load('tables.php');
  }, 1000);
  &lt;/script&gt;
  </code></pre>
  
  <p>And</p>
  
  <pre><code>&lt;div id="loaddiv"&gt;
  &lt;div style="float: left; width:650px; height:99%; border:2px solid #000; 
   overflow:auto; background-color:#FFF;"&gt;
   &lt;?php 
   index_table();
   ?&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The above Div is meant to refresh its content after 1 second. Now the output of this content is a table that has multiple rows based on user submission. When the number of rows exceeds the height of the screen , the scroll bar will show up. In which you will have the ability to scroll down to see the added rows.</p>
  
  <p>Now the problem starts from here, as this Div refresh the scroll bar automatically reset to top.  Which makes it difficult to see the rest of the rows.</p>
  
  <p>How to stop the scroll bar from resetting to top when a Div being refreshed ? Or if its possible to automatically scroll down when new rows are been inserted.</p>
  
  <p>Thank You !</p>