title: jQuery not taking effect immediately
body: <p>Is there any reason for my jQuery effects not to be taking effect immediately? I have jQuery hover fade effects, but then I also have CSS rollovers as backups for anyone who has javascript disabled. What happens is when you load a page and roll over a link, you get the CSS effect, but any time after that, you get the nice, smooth jQuery effect. This must be repeated for every link. Is there a fix for this?</p>
  
  <p>My jQuery code is this:</p>
  
  <pre><code>$(document).ready(function() {
  
  $(".nav-link").hover(function() {
   $(this).animate({ color: "#669900" }, 250);
   return false;
  }, 
  function() {
   $(this).animate({ color: "#999999" }, 250);
  });
  
  $(".twit-link").hover(function() {
    $(this).animate({ color: "#0099CC" }, 250);
    return false;
  }, 
  function() {
   $(this).animate({ color: "#999999" }, 250);
  });
  
  $(".rss-link").hover(function() {
   $(this).animate({ color: "#CC6600" }, 250);
    return false;
  }, 
  function() {
    $(this).animate({ color: "#999999" }, 250);
  });
  
  $(".sidebar-item").hover(function() {
    $(this).animate({ color: "#669900"}, 250);
    return false;
  }, 
  function() {
    $(this).animate({ color: "#333333"}, 250);
  });
  
  $(".archive-link").hover(function() {
    $(this).animate({ color: "#666666"}, 250);
    return false;
  }, 
  function() {
    $(this).animate({ color: "#999999"}, 250);
  });
  
  $(".sub").hover(function() {
    $(this).animate({ 'background-color': '#336600'}, 250);
    return false;
  }, 
  function() {
    $(this).animate({ 'background-color': '#669900'}, 250);
  });
  
  $(".post-sb").hover(function() {
    $(this).animate({ 'opacity': 1.0,
     'filter': 'alpha(opacity = 100)'}, 250);
    return false;
  }, 
  function() {
    $(this).animate({ 'opacity': .25,
     'filter': 'alpha(opacity = 25)'}, 250);
  });
  
  });
  </code></pre>
  
  <p>I'm getting my jQuery straight from Google (<a href="http://code.jquery.com/jquery-latest.pack.js" rel="nofollow noreferrer">http://code.jquery.com/jquery-latest.pack.js</a>)</p>
  
  <p>I'm using Safari.
  Right now, I'm testing my site with MAMP, so its local on my computer, but eventually it will go to an external server.</p>