Question

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?

$('body').append("<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;'></div>");
    $('body').append("<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;'></div>");
    $('#popup').append("hi");

“hi” not coming up 🙁

Answer 1

Why not just append it directly after creation?

$('body').append (
    $('<div id="popup"></div>')
        .css ({
            'backgroundColor': 'white',
            'display': 'block',
            'borderr': 'solid 3px #a9d0f5',
            'top': '45%',
            'left': '50%',
            'marginTop': '-75.5px',
            'marginLeft': '-203px',
            'width': '500px',
            'height': '200px',
            'zIndex': '100',
            'position': 'fixed'
        })
        .append("hi")
);