Basic ajax query doesn't work in firefox
- <html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
$.ajax({
type: "GET",
url: "http://worldmusic.nationalgeographic.com/view/component.alphabet/genres/en_US",
dataType: "text",
success: function(data){
$("#testbox").html(data);
}
});
});
</script>
<div id="testbox"></div>
</body>
</html>
I don't see how it could be more basic.. Yet it only works in IE. Firefox is getting an empty response.
I've tried using a random number as a parameter, or using other jquery ajax functions such as .get() or Load(), but nothing works.. Any ideas?
As a note, firefox seems to be getting data, but discarding it immediately.. (firebug shows an empty response, but the response body is a few kilobytes long, which means it must be getting something..)
Thanks