Atualizar elemento inexistente no momento do carregamento

Preciso atualizar um elemento que no momento que a pagina foi carregada não existia, como eu faço?

function afterSubmit (){
 var div = "<div id='teste'></div>";
 $("#conteudo")append(div);
 atualiza();
}
function atualiza(){
 $.ajax({
 url: "url.php",
 success: function(response) {
 $("#teste").html(response);
 }
 });
}

Desde já agradeço a ajuda!