Hi, last couple of days i had been search all over the Internet an trying to find the solution. But no use so i really need your help here.

I have basic knowledge with ajax and jquery. I am working with api which returns the info back to the browser as a json format. I wrote the code which connects to the api server and get the josn data successfully. But main problem is with the representation of the json data.

I have setup the local environment for the work but as you know firefox doesn't show the info for some security reason. So i use ie8 for testing. In local environment the data represent ok. But when i upload the script into server ie have an error which says access denied? And also firefox have the json object null!

The platform i am using this is wordpress. Hopefully it not causing any problem.

here is the page i used the code: http://citystir.com/shopping/
Here is the code:

in the header:

Code:
// jquery code
$(document).ready(function(){
		var ywsid = "nP7LU8_uZABdb7A8U_dukQ";
		var url ="http://api.yelp.com/business_review_search?location=chicago&cc=US&limit=4&category=shopping&ywsid="+ywsid;
	var dom = "#shopping_reviews";
	callYelp(url, dom);
});
In external js file.

Code:
	function callYelp(url, domnode){
			jQuery.getJSON(url, function(data){
				jQuery(domnode).empty();
				jQuery.each(data.businesses, function(i, data){
					printHtml(data, i, domnode);
				});
				return false;
			});
			}
		
		function printHtml(data, i, dom){
			var review_no = 0;
			var html = " ";
			html += "<a href="+data.url+" title="+data.name+"alt="+data.name+"><img src="+data.photo_url+" alt="+data.name+"></a>";
			html += "<p>Total reviews: "+data.review_count+"<p>";
			html += "<img src="+data.rating_img_url+" alt="+data.avg_rating+"/>";
			html += "<p>"+data.address1+"</p>";
			html += "<p>"+data.address2+"</p>";
			html += "<p>"+data.address3+"</p>";
			html += "<p>Latest Review: "+data.reviews[review_no].text_excerpt+"</p>";
			html += "<p>By <a href="+data.reviews[i].user_url+" title="+data.reviews[review_no].user_name+">"+data.reviews[review_no].user_name+">></a></p>";
			html += "<p>Categories:"+get_items(data.categories);+"</p>";
			jQuery(html).appendTo(dom);
		}
		
		function get_items(items){
			var cat = " ";
			for (i=0; i <items.length; i++){
				cat += "<a href="+items[i].search_url+" title="+items[i].name+">"+items[i].name+"</a>&nbsp;";
			}			
			return cat;
		}