Having a problem setting up tabs

Having a problem setting up tabs

Hi,

My code is as follows:

  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2.     <head>
  3.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  4.        
  5.         <script type="text/javascript" src="/jquery.js"></script>
  6.         <script type="text/javascript" src="/jquery-ui-1.7.2.custom.min.js"></script>
  7.         <script type="text/javascript" src="/thisPageScripts.js"></script>
  8.        
  9.         <title>Fake Title</title>
  10.     </head>
  11.     <body>
  12.        
  13.         <div id="mainSection">
  14.             <div id="tabs">
  15.            
  16.                 <ul>
  17.                     <li><a href="#tabs-1">heading 1</a></li>
  18.                     <li><a href="#tabs-2">heading 2</a></li>
  19.                     <li><a href="#tabs-3">heading 3</a></li>
  20.                 </ul>
  21.            
  22.                 <div class="myClass" id="tabs-1">
  23.                     <p>
  24.                         Bla bla bla
  25.                     </p>
  26.                 </div>
  27.                
  28.                 <div class="myClass" id="tabs-2">
  29.                     <p>
  30.                         Jibber-Jabber
  31.                     </p>
  32.                 </div>
  33.                
  34.                 <div class="myClass" id="tabs-3">
  35.                     <p>
  36.                         Yada-yada
  37.                     </p>
  38.                 </div>
  39.             </div>
  40.         </div>
  41.     </body>
  42. </html>
thisPageScripts.js:
  1. window.onload = initialize;
  2. function initialize()
  3. {
  4.     $("#tabs").tabs();
  5. }

But it is not working - I don't get any tabs.

Could you please tell me what I am missing?

Thanks.