Ok so I am working on a project and i'm trying to return JSON to an AJAX call... however it isn't working

$("a.link-delete-hate").click(function() {
	var hateid = $(this).attr("id").substr(6);
	$.ajax({
	   type: "POST",
	   url: "/ajaxfuncs.php",
	   data: "do=delete&format=json&hate_id=" + hateid,
	   dataType: "json",
//	   contentType: "application/json; charset=utf-8",
	   success: function(data){
	   		alert("Data: " + data.msg);
			$.facebox('' + data.msg + '');
			// If no errors, fade out deleted hate.
			if(data.error == false)
			{
				$("#feed_item_" + hateid).fadeOut(1000);
			}
	   }
	 });
});

Now it should be returning:

{"error": true, "msg": "Message about call."};

that is sent back with a header of "contentType: "application/json; charset=utf-8"" too...

And yet it seems to return nothing, the thing isnt executed and nothing is returned to the user (no message shown).

Been googling like mad to try and figure out how to properly do this :/

I want to get a JS object of the JSON returned so I can get data.msg and data.error etc :/

Please help. Thanks.

*BUMP*

Anyone?

I've always had trouble with JSON in general, but your syntax looks correct here... Have you tried using jQuery's shortcut method getJSON() ?

What is the result of the alert you're doing in the callback?