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

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

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

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.