title: Javascript not working - JQuery
body: <p>I have this javascript code, which is supposed to work according to a tutorial in internet. But, this isn't working. I don't know what is the problem in the code. Please check: </p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function()
  {
      $('#nav2 li a').hover(function()
      {
          var offset=$(this).offset();
          var thiswidth =$(this).width()+13;
          $('#nav2 li.ybg').stop().aimate({left:offset.left+9+"px",width:thiswidth+"px"},400,function(){
              $(this).aimate({height:"28px"},150);
          });    
      },
      function()
      {
          $('#nav2 li.ybg').stop().aimate({height:"4px"},150,function(){
              $(this).aimate({left:"165px",width:"55px"},600,'easeOutBounce');
          });    
      }); 
  
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>All the class, ID name and the tag name are correct. But, this isn't working :( here's the fiddle: <a href="http://jsfiddle.net/HVueJ/" rel="nofollow">http://jsfiddle.net/HVueJ/</a> 
  The yellow bar is supposed to move.</p>