jQuery: How to move all CSS styles from one element and apply them to a different element?
<p>I have an external stylesheet that is applying styles to my TD elements. I would like to move those styles to the DIV tags (content wrappers) that are within the TD tags.</p>

<p>The CSS:</p>

<pre><code>td { padding: 5px }
div { }
</code></pre>

<p>The HTML:</p>

<pre><code>&lt;td&gt;
    &lt;div&gt;
        Apply the TD styles to this DIV (instead of the TD).
    &lt;/div&gt;
&lt;/td&gt;
</code></pre>

<p>The JavaScript:</p>

<pre><code>$(document).ready(function(){
    $('tr').children('td').each(function(){
        //move the td styles to div
    });
});
</code></pre>

<p>How can I achieve this?</p>
