This should be so simple... but as you can guess im pretty new to this!

HTML Code:
<table>
<tbody>
<tr>
<td><img alt="Voyager Product" src="/files/img/products/voyager_tn.jpg" /></td>
</tr>
<tr>
<td onclick="$('#voyagerinformation').hide();" style="text-align: center;">Voyager</td>
</tr>
</tbody>
</table>

<div style="border: 1px solid;" id="voyagerinformation">
<strong>Information on the Voyager</strong>
<br>
blah blah blah blah blah blah blah
<br>
Click Here For More Info
</div>

What is wrong with this code?? the DIV doesnt hide when the text within the TD is clicked. JQuery 1.7.1 defined in the document head.