title: HTML value within JSON being truncated when received via ajax in ie
body: <p>Weird sentence.. weird issue.</p>
  
  <p>I have some json like this:</p>
  
  <pre><code>  {
       "id":"1246",
       "cost":"62.1603017827",
       "material":"Blue",
       "class":"veroblue",
       "label":" ($62.16)",
       "mlabel":"Blue",
       "html":"&lt;div class=\"quote\"&gt;\r\n\t&lt;input type=radio name=\"QuoteUploads[selectedMaterial]\" value=\"1246\" checked=checked id=\"quote_uploads_quote_1246\" data-color=\"#A9BCF5\"\/&gt;\r\n\t&lt;label for=\"quote_uploads_quote_1246\" &gt;&lt;span class=\"swatch veroblue\"&gt;&lt;span class=\"big veroblue\"&gt;&lt;\/span&gt; &lt;\/span&gt;&lt;span class=\"text\"&gt;Blue &lt;span class=\"cost\"&gt;($62.16)&lt;\/span&gt;&lt;\/span&gt;&lt;\/label&gt;\r\n&lt;\/div&gt;\t"
    },
  </code></pre>
  
  <p>When my page loads the above is already in an object qobj. When I console.log(qobj.html) I get:</p>
  
  <pre><code>&lt;div class="quote"&gt;
    &lt;input type=radio name="QuoteUploads[selectedMaterial]" value="1250"  id="quote_uploads_quote_1250" data-color="#FBF8EF"/&gt;
    &lt;label for="quote_uploads_quote_1250" &gt;&lt;span class="swatch duruswhite"&gt;&lt;span class="big duruswhite"&gt;&lt;/span&gt; &lt;/span&gt;&lt;span class="text"&gt;Polypropylene-Like &lt;span class="cost"&gt;($62.21)&lt;/span&gt;&lt;/span&gt;&lt;/label&gt;
  &lt;/div&gt;   
  </code></pre>
  
  <p>Now, when an input changes I reload the JSON via AJAX and store it in qobj. After it is reloaded console.log(qobj.html) outputs:</p>
  
  <pre><code>    &lt;/span&gt; &lt;/span&gt;Polypropylene-Like ($62.21)&lt;/span&gt;&lt;/span&gt;&lt;/label&gt;
  &lt;/div&gt;   
  </code></pre>
  
  <p>The json string is encoded and rendered the same way when it is injected and received via ajax. Does anyone have any idea why this is happening?</p>