zmena veľkosti TD v inej tabuľke závislej na aktuálnej tabuľke - javascript, jquery, html, css

mám dve tabuľky:

<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;
}

Chcel by som - ak je TD #one #resize väčší ako #two #resize, potom #two #resize = #one #resize.

Ako to môžem urobiť v jQuery?

ŽIVÝ PRÍKLAD: http://jsfiddle.net/JPJT6/

odpovede:

vidieť túto nádej, že je to správne ...

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

Možno by ste mali urobiť lepšiu tabuľku, t. J. Niečo v tomto zmysle:

<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>

Samozrejme by ste museli prispôsobiť aj svoj CSS ... Ale to je pravdepodobne oveľa jednoduchšie ako ladenie tabuliek pomocou jQuery.