jQuery Html Manipulation Question
<p>I have the following HTML structure being returned from an AJAX request...</p>

<pre><code>&lt;th scope="col" style="yada,yada,yada"&gt;
&lt;a href="javascript:funcName();" style="yada,yada,yada"&gt;
Test&lt;br /&gt;Heading&lt;/a&gt;&lt;/th&gt;
&lt;th scope="col" style="yada,yada,yada"&gt;
&lt;a href="javascript:funcName2();" style="yada,yada,yada"&gt;
Test&lt;br /&gt;Heading2&lt;/a&gt;&lt;/th&gt;
</code></pre>

<p>And I want to manipulate this so that the end result is...</p>

<pre><code>&lt;th&gt;Test&lt;br /&gt;Heading&lt;/th&gt;
&lt;th&gt;Test&lt;br /&gt;Heading2&lt;/th&gt;
</code></pre>

<p>I basically want to remove the inline styles, and extract the text from the hyperlink.  How can I do this easily with jQuery?</p>
