Escaped html characters are being unescaped by jquery .html() in some browsers

Question

This is my code:

console.log($('p').html())

<p><span data-htmlContent="&lt;p&gt;This is not really in ap tag.&lt;/p&gt;">.</span>.</p>

In Chrome and older FireFox the console logs: <span data-htmlcontent="&lt;p&gt;This is not really in ap tag.&lt;/p&gt;">.</span>.

But in IE and newer FireFox it logs: <span data-htmlcontent="<p>This is not really in ap tag.</p>">.</span>.

Problem can be seen here: http://jsfiddle.net/Nzj52/9/

Answer 1

It may have something to do with how each browsers console operates compared to the rendering operation. If you did and alert instead - would your answer change?

Instead of calling console.log($('p').html()); Try calling console.log($('p').text());