How to add a class with a fade in effect in jQuery?

Here is my code… any idea on why it aint working?

[CODE]$(document).ready(function(){
$(“#home_btn”).hover(
function(){
$(this).addClass(“grayBack”).fadeIn(“slow”);
}
);
}
);[/CODE]

I chained the action of adding a class with the fade in effect…did I do it wrong?

And here’s the HTML:

[code]<div class=”navigation”>
<ul class=”nav-list”>
<li id=”home_btn”>
HOME
</li>
<li id=”about_btn”>
ABOUT US
</li>
<li id=”team_btn”>
TEAM
</li>
<li id=”port_btn”>
PORTFOLIO
</li>
<li id=”propty_btn”>
<a href=”properties.php”>
PROPERTIES
</a>
</li>
<li id=”dwnld_btn”>
DOWNLOADS
</li>
<li id=”contact_btn”>
CONTACT US
</li>
</ul>
</div>[/code]

Also in #JavaScript _↴