title: JQuery inserting a layer above existing content
body: <p>I'm trying to have a new layer appear above existing content on my site when a link/button is clicked.  I am using jquery - but the code I have doesn't seem to work as expected.</p>
  
  <p>Here is what I have:</p>
  
  <pre><code> $(document).ready(function(){
    $("#button").click(function () {
    $("#showme").insertAfter("#bodytag")
    $("#showme").fadeIn(2000);
  });
  </code></pre>
  
  <p>});</p>
  
  <p>The effect I'm after is to have <code>&lt;div id="showme"&gt;...&lt;/div&gt;</code> appear directly after the #bodytag.  <code>&lt;div id="showme"&gt;...&lt;/div&gt;</code> has a z-index higher than anything else on the site, so it should just appear above the content directly after the #bodytag.</p>
  
  <p>Thanks for the assistance.</p>