title: jQuery: Automatically trigger hover
body: <p>I have a hover mousein mouseout setup as follows for a list item:</p>
  
  <pre><code>$("#main-nav li a").hover(function() {
                  $el = $(this);
                  leftPos = $el.position().left;
                  newWidth = $el.parent().width();
                  $magicNav.stop().animate({
                      left: leftPos,
                      width: newWidth
                  });
              }, function() {
                  t1 = $(".current-menu-item a").position().left;
                  t2 = $(".current-menu-item a").parent().width();
                  $magicNav.stop().animate({
                      left: t1,
                      width: t2
                  });    
              });
  </code></pre>
  
  <p>And i want to automatically trigger a hover on '.current-menu-item a' as soon as someone enters the website or the page is loaded.</p>
  
  <p>At the moment, i use <code>$(".current-menu-item a").trigger('hover');</code> and it doesn't work.</p>
  
  <p>Help?</p>