JQuery multiple hover effects not working
<pre><code>$(document).ready(function () {
    $("#aboutme-block").hide();
    $("#stories-block").hide();

    $("div.aboutme").hover(function () {
        $("#aboutme-block").fadeIn(1000);
        $("#stories-block").hide();
    });

    $("div.stories").hover(function () {
        $("#stories-block").fadeIn(1000);
        $("#aboutme-block").hide();
    }); 
});
</code></pre>

<p>Could someone tell me what is wrong here?</p>
