title: jQuery delayed fadeIn effect
body: <p>I'm just trying to do two simple adjutments to this snippet:</p>
  
  <pre><code>$(document).ready(function() {
     $("span#poweroff a").click(function() {
        $("body").append('&lt;div class="overlay"&gt;&lt;/div&gt;');
     });
   });
  </code></pre>
  
  <p>First I would like the body.append action to happen over time. It's just a blackout overlay, but I would like to fade in?</p>
  
  <p>Second when someone hovers "span#poweroff a" I would like, after a certain amount of time to show "span#poweroff a .message", also by fadeing in. </p>
  
  <p>Any guru's out there willing to save me what could me quite a long time putzing with trial and error and set me straight? Would very much appreciate it!</p>