Call php echo from jQuery?
<p>I have a jQuery script in my header that calls a php file. </p>

<p>The php file contains data pulled from a remote xspf file, and the output presented in jQuery for refresh purpose. i have 2 echo rules, one for title and one for listeners. right now jQuery calls the file itself which makes the output appear together on a single line.
how can i make jQuery present these echoes separately so i can control their design (CSS)?  </p>

<p>PHP:</p>

<pre><code>&lt;?php
header("Expires: Tue, 03 Jul 2001 06:00:00 GMT");
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");

$xml = simplexml_load_file("http://mysitehere:8000/live.xspf"); 

foreach ($xml-&gt;trackList-&gt;track as $data) { 
    $radio = $data-&gt;location;
    $song  = $data-&gt;title;  
    $info = $data-&gt;listeners;   
}
echo $song;
echo $info;
?&gt; 
</code></pre>

<p>jQuery:</p>

<pre><code>&lt;script language="javascript"&gt;
jQuery(document).ready(function(){
    //Carga al comienzo
    jQuery('#salida').load('reader.php');   
    setInterval(function() {        
        jQuery('#salida').load('reader.php');   
    }, 2000);
})
&lt;/script&gt;

&lt;div id=salida&gt; &lt;/div&gt;
</code></pre>
