jQuery selector to display the flowplayer tooltip over a td element

I'm trying to use the flowplayer tooltip tool (http://flowplayer.org/tools/demos/tooltip/table.html) to display a tooltip over a particular element.

Here is my html:

<table id="menu-table" cellspacing="0" cellpadding="0" width="714" border="0" style="padding-top: 4px;">
 <tr>

  <td title="menu-one" style="background: url('images/menu-button.gif') top left no-repeat; text-align: center; vertical-align: middle; height:35px; width:115px; 开发者_StackOverflow社区padding-right: 6px;">

   <a href="about.php">About</a>
   <div id="tooltip" class="tooltip">Tooltip text.</div>
  </td>
 </tr>
</table>

Note that the tooltip div part above is styled as display:none.

Here is the selector I'm trying to use...

$("#menu-table td[menu-one]").tooltip();

The tooltip() should display the hidden div, but I'm sure I have the selector wrong.

Any suggestions?

try

$("#menu-table td[title='menu-one']").tooltip();

to select the TD with an argument title with value 'menu-one'