jQuery stop .animate() from working on the current page
<p>I need to disable the animation/fade on a link('li') when it is the current page.</p>

<p>My HTML</p>

<pre><code>&lt;div id="hp-navigation-second"&gt;
&lt;ul&gt;
  &lt;li class="works current"&gt;&lt;a href="javascript:void(0);return false;" title="How it Works"&gt;
    &lt;h1&gt;How it Works&lt;/h1&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li class="benefits"&gt;&lt;a href="member-benefits.html" title="Member Benefits"&gt;
    &lt;h1&gt;Member Benefits&lt;/h1&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li class="start"&gt;&lt;a href="get-started.html" title="Become a member"&gt;
    &lt;h1&gt;Become a Member&lt;/h1&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li class="tours"&gt;&lt;a href="tour.html" title="Take a tour"&gt;
    &lt;h1&gt;Take a Tour&lt;/h1&gt;&lt;/a&gt;&lt;/li&gt;              
&lt;/ul&gt;
</code></pre>

<p></p>

<p>My jQuery</p>

<pre><code>&lt;script type="text/javascript"&gt;
$(document).ready(function () {
    $("#hp-navigation-second li").hover( function() {
      $(this).stop().animate({"backgroundColor":"#0E5B89"},  "medium");
    },function() {
      $(this).stop().animate({"backgroundColor":"#a6a6a6"},  "slow");
    });
});
&lt;/script&gt;
</code></pre>
