AJAX doesn't work on Chrome Dev ( 5.0.375.53) ?

AJAX doesn't work on Chrome Dev ( 5.0.375.53) ?

  1. <!DOCTYPE HTML>
  2. <html>
  3.   <head>
  4.     <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
  5.     <title>M</title>
  6.     <script type="text/javascript" src="http://www.google.com/jsapi"></script>
  7.     <script type="text/javascript">
  8.       google.load("jquery", "1.4.2");
  9.     </script>
  10.   </head>
  11.   <body>
  12.     <div id="main"></div>
  13.     <script>
  14.     $(document).ready(function() {
  15.         $.ajax({
  16.             type: "GET",
  17.             url: "l.html",
  18.             success: function(data){
  19.                 alert(data);
  20.                 $('#main').append(data)
  21.             },
  22.             dataType: 'html'
  23.         });
  24.     });
  25.     </script>
  26.   </body>
  27. </html>
l.html
  1. <!DOCTYPE HTML>
  2. <html>
  3.   <head>
  4.     <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
  5.     <title>L</title>
  6.   </head>
  7.   <body>
  8.     <div>MOE</div>
  9.   </body>
  10. </html>
Everything works fine in IE 8 and Opera 10, however, on CHROME 5.0.375.53, it seems the data returned is empty, any ideas? Thx