Jquery FadeOut one div, fadeIn another on it's place
<p>I'm trying a simple jquery script to fadeout one div and fadein another one in it's place but for some reason the first div never fades out. It's probably an obvious problem with the code but I cannot seem to make it out.</p>

<pre><code>&lt;style&gt;
#cuerpo { display: none; }
&lt;/style&gt;

&lt;div id="cuerpo"&gt;&lt;/div&gt;
&lt;div id="inicio"&gt;&lt;/div&gt;

&lt;script&gt;
function delayed() {
$("div").fadeIn(3000, function () {
$("cuerpo").fadeIn("slow");
});
}

$("a").click(function () {
$("inicio").fadeOut("slow");
setTimeout("delayed()",500);
});
&lt;/script&gt;
</code></pre>

<p>How should I do it? What am I doing wrong?</p>

<p>Thanks</p>
