Different results of html() function in different browsers

[krishnafru]

Hi,

I am facing a problem with html function. below is the code snippet:

<div id="div_container">
    <input type="text" id="txt_name" value="sample text" style="width:250px;" />
</div>

Suppose later user changed the txt_name value from "sample text" to "changed text".

Now if i call

alert($('#div_container').html());

in IE the alert window shows

<input type="text" id="txt_name" value="changed text" style="width:250px;" />

but in FF

<input type="text" id="txt_name" value="sample text" style="width:250px;" />

[jitter]

Thanks for taking the time to contribute to the jQuery project by writing a bug ticket!

The ​documentation states:

This method uses the browser's innerHTML property. Some browsers may not return HTML that exactly replicates the HTML source in an original document.

As IE does in this case. IE seems to change the innerHTML although this shouldn't be the case.