преоразмеряване на TD в друга таблица зависеща от текущата таблица - javascript, jquery, html, css

имам две таблици:

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

бих искал - ако TD #one #resize е по-голям от #two #resize тогава #two #resize = #one #resize.

Как мога да направя това в jQuery?

ПРИМЕР НА ЖИВО: http://jsfiddle.net/JPJT6/

Отговори:

вижте тази надежда, че е правилно ...

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

Може би е по-добре да направите една таблица, т.е. нещо по този начин:

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

Разбира се, трябва да приспособите и CSS ... Но това вероятно е много по-просто, отколкото да променяте визуализацията на таблиците с jquery.