title: jQuery Html Manipulation Question
body: <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>