ajax.load() seems unable to load HTML5 tags under IE

ajax.load() seems unable to load HTML5 tags under IE

Hello,

I have a problem when trying to load an HTML5 element with Ajax (jQuery.load ()).
Here is a simplified example of the problem.


Main page :
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4.     <title>Title</title>
  5.     <!--[if lt IE 9]>
  6.     <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  7.     <![endif]-->
  8. <script type="text/javascript" src="js/jquery/jquery.js"></script>
  9. <script type="text/javascript">
  10. <!--
  11. $(document).ready(function() {
  12.     $("#loadDivHere").load('ajax/test-ie.php #myDiv');
  13.     $("#loadArticleHere").load('ajax/test-ie.php #myArticle');
  14. });
  15. -->
  16. </script>
  17. </head>
  18. <body>
  19.     <section id="loadDivHere"></section>
  20.     <section id="loadArticleHere"></section>
  21. </body>
  22. </html>

Page "ajax/test-ie.php" :

  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4.     <title>Title</title>
  5.     <!--[if lt IE 9]>
  6.     <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  7.     <![endif]-->
  8. </head>
  9. <body>
  10.     <div id="myDiv">The Div</div>
  11.     <article id="myArticle">The Article</article>
  12. </body>

Result under Firefox, Chrome, Opera, ...  :

The Div
The Article
Result under IE7, IE8 :

The Div
jQuery.load () seems unable to load HTML5 elements under IE7/8 (I guess that the problem comes from IE, once again). Loading a div into a section works. Loading a section into a div doesn't.

Second example (same problem, more details)

Same main page.

Page "ajax/test-ie.php" :
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <title>Title</title>
  5. <!--[if lt IE 9]>
  6. <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  7. <![endif]-->
  8. </head>
  9. <body>
  10. <div id="myDiv">
  11.     <h1>The Div</h1>
  12.     <article>Article in the Div</article>
  13. </div>
  14. <article id="myArticle">
  15.     <h1>The Article</h1>
  16.     <div>Div in the Article</div>
  17. </article>
  18. </body>

Result under Firefox, Chrome, Opera, ...  :

The Div

Article in the Div

The Article

Div in the Article
Result under IE7, IE8 :


 The Div

... no comment :/