jQueryでtdの高さを取得してdivを縦100%表示する

CSS

html, body
{
    height:100%;
}
table {
    height:100%;
}

HTML

<table>
<tr>
<td>
<div id="test">高さを合わせたいコンテンツ</div>
</td>
</tr>
</table>

JavaScript

$('#test').height($('#test').parent().height());

参考：100% height div inside 100% td