title: How to add overlay div to specific element with CSS, jQuery instead of body?
body: <p>I was able to add an overlay to the body by writing</p>
  
  <pre><code>$(function() {
     var docHeight = $(document).height();
     $("body").append("&lt;div id='overlay'&gt;&lt;/div&gt;");
     $("#overlay")
        .height(docHeight)
        .css({
           'opacity' : 0.4,
           'position': 'absolute',
           'top': 0,
           'left': 0,
           'background-color': 'black',
           'width': '100%',
           'z-index': 5000
        });
  });
  </code></pre>
  
  <p>How could I select a specific element instead of body? </p>
  
  <p>For example, could I add the overlay to with id='baby'?</p>
  
  <pre><code>&lt;img src="./target2_files/BrowserPreview_tmp_07.gif" width="203" height="181" alt="" id='baby'&gt;&lt;/td&gt;
  </code></pre>
  
  <p>Is this possible?</p>