Load Div created by script after page loaded.

Load Div created by script after page loaded.

How can I load a div after a page has been loaded and created by a script.
$(document).ready(function(){
$('body').append('<div class="div_new" alt="hi">Hello World</div>');
});
$('.button').click(function(){
alt_value = $('.div_new').attr('alt');
alert(alt_value);
});
I'm trying to load a div created by a script.