Animate Jquery addClass on hover
<p>I'm new to Jquery so unsure how i would go about editing the code below to create a fade in when the class element is hovered over.</p>

<pre><code>    &lt;script type="text/javascript"&gt;
&lt;!--//--&gt;&lt;![CDATA[//&gt;&lt;!--     

$(function() {
$('div.work-item').hover(function() {

}).hover(function() {  
$(this).addClass("hover");  
}, function(){  
$(this).removeClass("hover"); 
});  

});
//--&gt;&lt;!]]&gt;
</code></pre>

<p>Any pointers would be greatly appreciated.</p>

<p>Thanks! 
    </p>
