Defective html when using html(string) on anchor tag in FireFox 3.6.23

[danelkhen]

reproduction js code: var a = $("<a/>"); a.html("<div>asdasd</div>"); var s = a.html();

Result in FireFox 3.6.23 <div><a xmlns=" http://www.w3.org/1999/xhtml">asdsad</a></div>

Result in any other browser: <div>asdasd</div>

[danelkhen]

Sorry, here's jsfiddle link:  http://jsfiddle.net/6Ugnc/

[rwaldron]

Confirmed

 http://gyazo.com/c30b7abbf9755adf32f33b35ebe75ad3.png

[dmethvin]

By default, an a element is inline, and a div element is block. So the test case results in an invalid document. I don't have FF 3.6 handy here but does this test case work properly?

 http://jsfiddle.net/dmethvin/6Ugnc/1/

[rwaldron]

Still comes out screwy  http://gyazo.com/3646171f16f4f881a95b4b5e425977c1.png

[danelkhen]

Yes, in FireFox 3.6, jQuery inserts a weird "A" tag (with xmlns attribute) inside the div. FireFox 3.6 is available here:  http://www.mozilla.org/en-US/firefox/all-older.html

[dmethvin]

That is not valid markup in XHTML or HTML4. A link is an inline element and a div is a block element. HTML5 allows it. jQuery supports whatever the browser supports, it isn't something we can easily shim.

 http://html5doctor.com/block-level-links-in-html-5/