selecting an element immediately after append - Jquery
<p>I have appended a div with an id div1 and immediately, the next line aims at appending contents to this div. Its not selecting. Whats going wrong?</p>

<pre><code>$('body').append("&lt;div id ='backFade' style='background-color: Black; left: 0; top: 0; width: 100%; height: 100%;min-height: 768px; position: absolute; -moz-opacity: 0.7; filter: alpha(opacity=70);opacity: 0.7;'&gt;&lt;/div&gt;");
    $('body').append("&lt;div id='popup' style='background-color:white;display:block; border: solid 3px #A9D0F5;top: 45%;left:50%; margin-top:-75.5px; margin-left:-203px;width: 500px; height: 200px; z-index: 100; position: fixed;'&gt;&lt;/div&gt;");
    $('#popup').append("hi");
</code></pre>

<p>"hi" not coming up :(</p>
