динамическое добавление элементов поверх других
 

Добрый день.
Подскажите пожалуйста, как работает добавление элементов, jquery.
Динамически.
У меня есть График, который загружается медленно, и я в этот момент, хочу. чтобы в начале появилась (подгружалась) надпись для пользователя, "подождите идет загрузка", а потом поверх этого элемента, появлялась картинка.
я сделал стили CSS с z-index

z-index:1; //для первого
z-index:-1; //второго элемента

но это не работает.

$('body').on('click', '.graph3', function(e){
				
    $('.content').html('<div id="box"><p>идет загрузка...<p></div>');
    $('.content').html('<img src="graph/4graph_tm1_pr_sg.php">'); 
});

Saratov64,

$(function() {
    $("body").on("click", ".graph3", function(e) {
        $(".content").html('<div id="box"><p>идет загрузка...<p></div>');
        var img = new Image;
        img.onload = function() {
            $(".content").html(img)
        };
        img.src = "graph/4graph_tm1_pr_sg.php"
    })
});