jquery inserting covering above existent content

i'm perplexing have new covering seem above existent calm site link/button clicked. i am controlling jquery - nonetheless formula i have doesn't seem work expected.

here i have:

 $(document).ready(function(){
  $("#button").click(function () {
  $("#showme").insertafter("#bodytag")
  $("#showme").fadein(2000);
});

});

the outcome i'm after have <div id="showme">...</div> seem directly after #bodytag. <div id="showme">...</div> z-index aloft anything else site, should only seem above calm directly after #bodytag.

thanks assistance.