title: Ajax Auto Refresh php file in html
body: <p>I'm a bit new to Ajax.
  I've got a Ajax file which includes a php file and refreshes it every X seconds. That code for AJAX.PHP is:</p>
  
  <pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script language="JavaScript"&gt;
  setInterval( "SANAjax();", 10000 );  ///////// 10 seconds 
  $(function() {
  SANAjax = function(){
  
  $('#dataDisplay').fadeOut("slow").load('rand.php').fadeIn("slow");
  
  }
   });
  &lt;/script&gt;
  &lt;div id="dataDisplay"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>This code is working fine.
  Bbut the html of AJAX.PHP page shows as it is code, while I want the output html of rand.php not javascript code given above. How can i do it?</p>
  
  <p>suppost "rand.php" html out put (source) is: &lt; html >&lt; body >this is body &lt;\ body >&lt;\ html >.</p>
  
  <p>I want this html to be shown on the html source of AJAX.PHP.
  How can i do it?
  If I mess any thing let me know, I'll try to make it more clear. </p>