JS in Superfish loads but doesn't work

JS in Superfish loads but doesn't work

I'm not JS expert but I put the following between <head> and </head>:
  1. <link rel="stylesheet" type="text/css" media="screen" href="superfish.css" />
  2. <script type="text/javascript" src="superfish.js"></script>
  3. <script type="text/javascript" src="supersubs.js"></script>
  4. <script type="text/javascript" src="hoverIntent.js"></script>
  5. <script type="text/javascript"> 
     
        $(document).ready(function() { 
            $('ul.sf-menu').superfish(); 
        }); 
     
    </script>







CSS works fine. Each JS file loads fine but they don't work at all. Menu works but it doesn't have superfish effects (like fadein, shadows etc.).

This is how menu is created (I'm using Wordpress):
  1. <ul class="sf-menu sf-js-enabled">
  2. <?php wp_list_pages(); ?>
  3. </ul>