Problems with IE with html() method using jQuery
<p>I have a problem with Internet Explorer browser while reading the contents of the DIV element using <code>jQuery('DIVID').html()</code> method. I insert a simple XML string to the DIV element. But when I try to read the content back using jQuery, some of the data is missing. It works fine in Firefox.</p>

<p>My code looks as shown below.</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
  &lt;script src="http://code.jquery.com/jquery-latest.min.js"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;p&gt;&lt;div id="AJAXTESTDATA"&gt;&lt;/div&gt;jQuery Simple Test.&lt;/p&gt;
&lt;script&gt;
      var testAjax = document.getElementById("AJAXTESTDATA");
  var tes = '&lt;SPAN id="tt"&gt;&lt;DATA1&gt;&lt;DATA2&gt;&lt;DATA3&gt;&lt;SPAN id="doc"&gt;TEST&lt;/SPAN&gt;&lt;/DATA3&gt;&lt;/DATA2&gt;&lt;/DATA1&gt;&lt;/SPAN&gt;';
  alert("Actual Data:"+tes);
  testAjax.innerHTML = tes;
  var cbkData = jQuery('#AJAXTESTDATA').html();
  alert("Data after inserting to DIV:"+cbkData);
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>Edit: 
The second alert message will display the contents of the DIV tag as below:
Data after inserting to DIV: <code>&lt;SPAN id=test&gt;&lt;SPAN id=doccase&gt;TEST&lt;/SPAN&gt;&lt;/DATA3&gt;&lt;/DATA2&gt;&lt;/DATA1&gt;&lt;/SPAN&gt;</code>
So you can see that most of the start tags are missing! So whatever tag names I use, the same is the result in IE.</p>

<p>Could anyone let me know the reason behind the truncation of data while reading via IE? </p>

<p>Kind Regards,
Krishna.</p>
