.animate in jQuery not working
<p>When I hover the button, the background color is not changing. </p>

<p>My jQuery:</p>

<pre><code>&lt;script type="text/javascript" src="/js/jquery.js"&gt;&lt;/script&gt;  
&lt;script language="javascript" type="text/javascript"&gt;  
$(document).ready(function(){  
    $(".reject").hover(function() {  
        $(this).animate({background: '#000'}, 1000);
    }, function(){  
        $(this).animate({background: '#333'}, 1000);  
    });  
});  
&lt;/script&gt;  
&lt;style type="text/css"&gt;  
    .reject{padding:10px;font-size:20px;background:#F00;} 
&lt;/style&gt;  
</code></pre>

<p>My html:</p>

<pre><code>&lt;button  class="reject"&gt;Reject&lt;/button&gt;
</code></pre>

<p>What am I missing?</p>
