title: JQuery Change text color
body: <p>I am trying to change the color on text on hover using Jquery. I think my code is right but it is now working. Here is my JQuery code:</p>
  
  <pre><code>$(document).ready(function() {
      $('#menu li a').hover(function() {
         $(this).css('color','#ffffff');
      }, function() {
         $(this).css('color', '#97A59E');
      });
  });
  </code></pre>
  
  <p>my css:</p>
  
  <pre><code>#menu li a 
  {
  color:#97A59E !important;
  background-color:#3e4347 !important;
  display: block;
  float: left;
  line-height:2.25em!important;
  text-align:center;
  width:300px;
  }
  </code></pre>
  
  <p>and my site master page:</p>
  
  <pre><code>    &lt;ul id="menu"&gt;
      &lt;li&gt;&lt;a id="nav-home" href="&lt;%= Url.Action("Index", "Home") %&gt;"&gt;Home&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a id="nav-about" href="&lt;%= Url.Action("About","Home") %&gt;"&gt;About&lt;/a&gt;&lt;/li&gt; 
      &lt;/ul&gt;
  </code></pre>
  
  <p>Any ideas? Thank you.</p>