title: auto refresh a div using javascript
body: <p><strong>SITUATION</strong> I am trying to auto refresh a  tag defined within an article in Joomla 2.5</p>
  
  <pre><code>     &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"&gt;         &lt;/script&gt; 
       &lt;script&gt; 
       var auto_refresh = setInterval(
       function()
       {
       alert("testing");
       $('#results').fadeOut('slow').load('#results').fadeIn("slow");
       }, 20000);
       &lt;/script--&gt;
  
       &lt;div id="results"&gt;
       {szakitable  csv = "http://127.0.0.1/msedcl/Archives/status2.csv" csvseparator=","  width= 430}
       {/szakitable}
       &lt;/div&gt;
  </code></pre>
  
  <p>The above code makes use of an extension called szaki tables, which allows csv file to be directly embedded into an article.
  I require that the div should reload every 20 seconds so that the changes made in the csv file get reflected on the webpage. 
  <strong>PROBLEM</strong> When i call "$('#results').fadeOut('slow').load('#results').fadeIn("slow");"
  what happens is the entire page is reloaded within the div area. This is not what I require.</p>
  
  <p>Any suggestion please!</p>