Cluetip not working - probably something simple

Cluetip not working - probably something simple

They do work when I use the title attribute, but then I tried to make them load a page but now nothing happens when I hover.

Here's the code:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="en-us" xml:lang="en-us" >
  3. <head>
  4. <link rel="stylesheet" href="/media/blueprint/screen.css" type="text/css" media="screen, projection">
  5. <link rel="stylesheet" href="/media/blueprint/print.css" type="text/css" media="print">
  6. <link rel="stylesheet" href="/media/cluetip/jquery.cluetip.css" type="text/css" media="print">
  7. <script type="text/javascript" src="/media/jquery-1.5.2.min.js"></script>
  8. <script type="text/javascript" src="/media/cluetip/jquery.cluetip.js"></script>
  9. <script type="text/javascript">
  10. $(document).ready(function() {
  11.   $('a.tips').cluetip();
  12. });
  13. </script>
  14. </head>
  15. <body class="search">
  16.         <table id="search_results">
  17.        
  18.             <tr>
  19.                 <td><a class="tips" href="/plasmid/1/">SV40</a></td>
  20.             </tr>
  21.        
  22.             <tr>
  23.                 <td><a class="tips" href="/plasmid/4/">CAG</a></td>
  24.             </tr>
  25. </table>
  26. </body>
  27. </html>