redimensiona o TD em outra tabela dependente da tabela atual - javascript, jquery, html, css

eu tenho duas tabelas:

<table class="tab" id="one">
<tr><td id="resize">aasd as asd asda sd</td><td>a</td></tr>
<tr><td>a</td><td>a</td></tr>
</table>
<br /> <br />
<table class=tab id="two">
<tr><td id="resize">a</td><td>a</td></tr>
<tr><td>a</td><td>a</td></tr>
</table>

.tab td {
border: solid 1px red;
height: 20px;
}

eu gostaria - se TD #one #resize for maior de #two #resize então #two #resize = #one #resize.

como posso fazer isso no jQuery?

EXEMPLO AO VIVO: http://jsfiddle.net/JPJT6/

Respostas:

veja esta esperança que está certo ...

http://jsfiddle.net/JPJT6/3/

Talvez seja melhor transformar essa tabela em uma única tabela, ou seja, algo como estas:

<table class="tab" id="one">
<tr><td id="resize">aasd as asd asda sd</td><td>a</td></tr>
<tr><td>a</td><td>a</td></tr>

<!-- A separator row -->
<tr><td colspan="2"><br /> <br /></td></tr>

<tr><td id="resize">a</td><td>a</td></tr>
<tr><td>a</td><td>a</td></tr>
</table>

Claro, você também precisará adaptar seu CSS ... Mas isso é provavelmente muito mais simples do que ajustar a renderização de tabela com o jquery.