html() funtion of jQuery does't work correctly in ie

[chsenr]

$.ajax({
	type: "GET",
	url: '/test/ok.txt',//the html text in this file can't be appended to <div id="c"></div> correctly in ie
	//url: '/test/oops.txt',//but this is not. 
	//by the way .the content in two file can be appended to <div id="c"></div>.
	complete :function (http_req,status){
		   if(status=='success'){
			 jQuery('#c').html(http_req.responseText);
		   } else { //error
		   }
	}	
});  	 

encoding of ok.txt and oops.txt is utf8.

[chsenr]

my ie verson is ie6

[flesler]

Have you tried using the options 'success' and 'error' instead ? The 'complete' seems to have a different purpose, it doesn't even receive the response.

[brandon]

This is because the oops.txt has a BOM (Byte Order Mark) and IE can't seem to handle it. Remove the BOM and it will work just fine.