jQuery hover - div does not show up
<p>I have this jQuery code:</p>

<pre><code>$("#people td, #list td").hover(function() {
    $(this).stop().animate({
        backgroundColor: "#444"
    }, "fast");
    $(this).find(".controls").stop().fadeIn("fast");
}, function() {
    $(this).stop().animate({
        backgroundColor: "#333"
    }, "fast");
    $(this).find(".controls").stop().fadeOut("fast");
});

$("#list .controls").hide();
</code></pre>

<p><code>.controls</code> is a div, which contains some links to work with entry (there are for example 10 entries on the page). Everything worked until this moment and now it's not working anymore.
When I open the page, <code>.controls</code> hide - that's ok.
But when I hover over the <code>td</code>, css animation runs, but fadeIn does not. Same goes with the fadeOut in the second function (when mouseleave event is triggered).</p>

<p>HTML is as following:</p>

<pre><code>&lt;td&gt;
    &lt;div class="icons"&gt;

&lt;/div&gt;
&lt;div class="profile"&gt;
    &lt;div class="info"&gt;
    &lt;div class="name"&gt;

            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="controls"&gt;
    &lt;a href="http://..."&gt;Link&lt;/a&gt;
            &lt;a href="http://..."&gt;Link&lt;/a&gt;
        &lt;/div&gt;
        &lt;div class="clear"&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;
</code></pre>
