Chrome Problems

Chrome Problems

Working on the basics here.  Page load works fine in Safari and fine on Iphone simulator (also Safari), but all asynchronous links fail in Chrome.  I am loading them locally, not sure if this matters.  Click the link for the About page and you get a page load error.  I saw something similar with nested lists earlier.  Thoughts?

Simple test page:

HOME:

<!DOCTYPE html> 
<html> 

<head> 
<title>Page Loading</title> 
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.css" />
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.js"></script>
</head> 

<body> 

<div data-role="page" id="home">

<header data-role="header" data-theme="c">
<h1>Home Page</h1>
</header>

<div data-role="content" data-theme="c">
<ul data-role="listview" data-inset="true">
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>

</div>

<footer data-role="footer" data-theme="c">
<h4>Page Footer</h4>
</footer>
</div>



</body>
</html>
 


ABOUT:


<!DOCTYPE html> 
<html> 

<head> 
<title>About</title> 
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.css" />
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.js"></script>
</head> 

<body> 

<div data-role="page" id="about">

<header data-role="header" data-theme="c">
<h1>About Me</h1>
</header>

<div data-role="content" data-theme="e">
A note or two about me.
</div>

<footer data-role="footer" data-theme="c">
<h4>Page Footer</h4>
</footer>
</div>



</body>
</html>