IE7 and IE8 issues with .load() and .html()

[andy@…]

IE7 and IE8 don't load some HTML, especially if invalid.

// This doesn't work sometimes
$('#example').html(data);

// This does consistently:
$('#example').[0].innerHTML = data;

I believe it may have to do with unrecognized attributes like "<div data-name="test"></div>".

[anonymous]

Correction:

$('#example').[0].innerHTML = data;

should be:

$('#example')[0].innerHTML = data;

[dmethvin]

Thanks for taking the time to contribute to the jQuery project! Please provide a complete reduced test case on jsFiddle to help us assess your ticket. Additionally, be sure to test against the jQuery Edge version to ensure the issue still exists. To get you started, use this boilerplate: ​http://jsfiddle.net/FrKyN/. Open the link and click to "Fork" (in the top menu) to get started.

[trac-o-bot]

Because we get so many tickets, we often need to return them to the initial reporter for more information. If that person does not reply within 14 days, the ticket will automatically be closed, and that has happened in this case. If you still are interested in pursuing this issue, feel free to add a comment with the requested information and we will be happy to reopen the ticket if it is still valid. Thanks!

[anonymous]

Thank you so much, in IE 8 using $('#example')[0].innerHTML = data; has worked.

[rain01]

I figured out why it was working with innerHTML and not with html().

Problem wasn't because of unrecognized attributes but invalid HTML. Once I found the extra ending tag, it started working in IE8.