<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>

Make sure
```
#showme
```
has a
```
position
```
other than
```
static
```
.