Can't select HTML5 element's children in IE8 with jQuery selector

Question

I found some posts with similar issues, but this is something different. I upgraded from jQuery 1.4 to 1.4.2 after I read another post, but the problem still presents itself

Answer 1

Internet Explorer 8 has quirky support for HTML 5, IE6 and IE7 plain just don't support it.

You need to shiv the HTML 5 elements in order to style and properly use methods/properties such as innerHTML, getElementsByTagName on them.

This will work in IE6-IE8:

Live Demo: http://medero.org/html5.html