selecting from Jquery success result
<p>I'm trying to update a part of a page after the success of an asynchronous post.</p>

<p>So I have:</p>

<pre><code>success: function (data, status, xhr) {
        var elementName = "#div" + gridName;
        var findResult = $(data).find(elementName);
        $(elementName).html($findResult);
</code></pre>

<p>Now when I view data the HTML looks like:</p>

<pre><code>&lt;div class="t-grid-header"&gt;
&lt;div class="t-grid-header-wrap"&gt;
&lt;table cellspacing="0"&gt;
</code></pre>

<p>but when I inspect the HTML from findResult it looks like:</p>

<pre><code>&lt;DIV class=t-grid-header&gt;
&lt;DIV class=t-grid-header-wrap&gt;
&lt;TABLE cellSpacing=0&gt;
</code></pre>

<p>This is not 'good' Html so I can't use it. So how do I get good HTML. findResult.html() doesn't work because the call is too late. The conversion has already happened.</p>

<p>How do I proceed?</p>
