refresh DOM after append element

Answer 1

You code should work

Fiddle Demo

$(document).ready(function () {
    $('#main_body').append("
Hello
Click");
    $("#but").on("click", function () { //element is in DOM now as it added in previous statement
        alert("bla bla");
    });
});