works in Safari but no other browser - not Firefox, Chrome, or IE -- why?

works in Safari but no other browser - not Firefox, Chrome, or IE -- why?

using jQuery v1.9.1 ....test.html and test2.html are unformatted text:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Dynamic Header and Body</title>

<style type="text/css">
#headerData {
font-size:36px;
height: 40px;
width: 500px;
border: thin solid #000;
}
#bodyData {
font-size:24px;
height: 200px;
width: 500px;
border: thin solid #000;
}

</style>

<script src="jquerymin.js" type="text/javascript"></script>

<script>
$(document).ready(function() {
// alert("doc ready");
var data =""; //set data as a string

$.get('./test.html', function(data) {  

  $('.result').html(data);
// alert('Load was performed.');
// alert(data);
  document.getElementById("headerData").textContent=data; 
  
}); //end header get


$.get('./test2.html', function(data) {  

  $('.result').html(data);
//  alert('Load was performed.');
//  alert(data);
  document.getElementById("bodyData").textContent=data; 
  
}); //end body get

}); //end ready
</script>


</head>

<body>

<div id="headerData">
</div>
<div id="bodyData">
</div>

</body>
</html>