Superfish horizontal nav bar NOT WORKING

Superfish horizontal nav bar NOT WORKING

Hello...I know that I have made some ridiculous mistake, but after many attempts, I can't find WHY I can't get Superfish's horizontal nav-bar to work.  I is probably in my html and naming of my <ul> and <li>.  I am still learning how to apply my code to others plugins.  Ahhhhhggghhh!  Thank you in advance to anyone who can head me in the right direction.
 
My code is as follows:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Leslie's 500th attempt!</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />




  2. <link rel="stylesheet" type="text/css" media="screen" href="css/superfish-navbar.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/superfish.css" />
    <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="js/superfish.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
            $("ul.sf-menu").superfish({
                pathClass:  'current'
            });
        });
     
    </script>












  3. </head>
    <body>

  4.        <ul class="sf-menu">
            <li class="current"><a href="/">Home</a></li>
            <li><a href="imageGallery.htm">Gallery</a></li>
              <ul>
                <li><a href="jewelry.htm" title="Jewelry">Jewelry</a> </li>
                <li><a href="pottery.htm" title="Pottery">Pottery</a> </li>
                <li><a href="wood.htm" title="Wood">Wood</a> </li>
                <li><a href="wallart.htm" title="Wall Art">Wall Art</a> </li>
                <li><a href="glassware.htm" title="Glassware">Glassware</a> </li>
                <li><a href="" title="Clothing/purses">Clothing/purses</a> </li>
                <li><a href="garden.htm" title="Garden">Garden</a> </li>
              </ul>
            <li><a href="services.htm">Services</a></li>
              <ul>
                <li ><a href="" title="service #1">service #1</a> </li>
                <li><a href="" title="service #2">service #2</a> </li>
                <li><a href="" title="service #3">service #3</a> </li>
                <li><a href="" title="service #4">service #4</a> </li>
              </ul>
            <li><a href="aboutUs.htm">About Us</a></li>
            <li><a href="directionsHours.htm">Directions Hours</a></li>
            <li><a href="contactUs.htm">Contact Us</a></li>
          </ul>
     























  5. </body>
    </html>