title: fake/automate a "hover" in JavaScript/jquery?
body: <p>I want to put this nav bar on my website, here is the demonstration page: <a href="http://insicdesigns.com/demo/css3/exp1/index.html" rel="nofollow">http://insicdesigns.com/demo/css3/exp1/index.html</a>
  it uses JavaScript, jQuery, and CSS</p>
  
  <p>The problem is, on my site I use PHP and a <strong>index.php?page=home</strong>, <strong>?index.php?page=contact</strong>, etc.
  And I can't figure out how to set an item on the bar as "active" [it defaults to "Home"]. I looked into the code, and I found out that the first &lt;li&gt; [the Home] has <em>class="active"</em>. I tried simply moving the class to the second item, ["About"] but that just screws everything up, by moving the whole animation to the right which does not work as it is meant to. So on the .click(), this is how it sets an item active:</p>
  
  <pre><code>$(this).siblings('li').removeClass('active'); // removes active
  $(this).addClass('active'); 
  </code></pre>
  
  <p>So I put <em>id="target"</em> on another item, and with Chrome's JS Console I type in the same code, except I use <em>"#target"</em> instead of <em>"this"</em>
  But nothing immediately changes. I have to <em>hover</em> over the bar, for the animation to start, look for the active item, and move the animation over there. Right now, if I use this to replace my current nav bar [which is <a href="http://www.macdonaldfamilysingers.com" rel="nofollow">here</a>], and if someone goes to <code>index.php?page=contact</code> I can't make the About link active so that the user knows they're on the <code>About</code> page! </p>
  
  <p>So here is my question:
  Is there a way to tell jQuery I just hovered, from some code? [fool it]
  something like:</p>
  
  <pre><code>$("#target").fakeEvent("hover");
  </code></pre>
  
  <p>So that it runs the code [which, btw, is attached to a function(){} inside a $(selector).hover() -- look at the lavalamp.js file on the example]? If you can help, I'd really appreciate it! Thanks :)</p>