title: jQuery fadeOut one div, fadeIn another on its place
body: <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 class="lang-html prettyprint-override"><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>