.get() in jquery
<p>I asked a question with the above title a bit ago titled "gettting .get() in jquery to work" and I had made a silly mistake in the code which everyone jumped on. I fixed that but the .get() doesn't seem to be working. Its supposed to print the name John and 2pm on the bottom of the body and it doesn't. My path names are correct. Can someone help?</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Testing Site&lt;/title&gt;
&lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
$(document).ready(function(){
        $("#id").click(function(){  
            $('#hello').css('background-color', 'blue');
            $.get("test.php",
                function(data){
                    $('body').append( "Name: " + data.name )    //John
                    .append( "Time: " + data.time );            //2pm
                    $('body').css('background-color',     'red');   
                }, "json");
        });
});
&lt;/script&gt;

&lt;/head&gt;
&lt;body&gt;
&lt;span id="hello"&gt;Hello World!&lt;/span&gt;
&lt;input type="button" id="id" value="Click Here"&gt;&lt;/input&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>heres the php</p>

<pre><code>&lt;?php echo json_encode(array("name"=&gt;"John","time"=&gt;"2pm")); 
?&gt;
</code></pre>
