Internet Explorer errors when inserting HTML5 elements
|Reported by:||Perceptes||Owned by:|
Internet Explorer (6, 7, and 8) currently throws an error when using jQuery to insert HTML5 elements into the page using DOM manipulation functions. The HTML5 shiv script created by John Resig and Remy Sharp allows IE to recognize and correctly style HTML5 elements, but it fails to correctly parse elements inserted after the initial page load.
This issue has been discussed on these pages: http://stackoverflow.com/questions/1191164/jquery-html5-append-appendto-and-ie http://groups.google.com/group/jquery-en/browse_thread/thread/58a9cbc1068d28c0/eb4bedb2cc36b126?#eb4bedb2cc36b126
It was suggested in the Google Group thread that this issue is caused by jQuery using innerHTML instead of createElement, though even when inserting HTML5 elements into each other one at a time I found that the same error was received.
Attached is a simple test case that shows this behavior.