I've got two pages, test.php which encodes a JSON array, and test.html which I have using \[code\]$.getJSON\[/code\] to parse the array from the PHP page. Both pages are in the same directory.test.php:\[code\]<?php for ($x=0; $x<10; $x++){ $arr[$x] = array('Value1'=>"$x", 'Value2'=>"$x"); } $y = json_encode($arr); echo $y;?>\[/code\]test.html:\[code\]<html><head> <script type="text/javascript" src="http://stackoverflow.com/questions/9542889/jquery.js"></script></head><body><ul> <script type="text/javascript"> $(document).ready(function(){ $.getJSON('test.php', function(data) { var items = []; $.each(data, function(key, val) { items.push('<li id="' + key + '">' + val + '</li>'); }); $('<ul/>', { 'class': 'my-new-list', html: items.join('') }).appendTo('body'); }); }); </script></body></html>\[/code\]test.html is not successfully parsing any of the JSON data from test.php. Can anyone tell me why this is? Thanks!!