a new loaded html elements can't be applied jquery function?

a new loaded html elements can't be applied jquery function?


Previously, I already make this line of code


$('#bank').click(function(event){
        // request form
        $('#middle').load('form/bank.html');

        $('#butang').click(function(){
            alert("boleh");
        });

        event.preventDefault();
    }); 

Which means, once after a link namely as "bank" is clicked,then it will extract the bank.html content 

into the middle div.
And I already put a button ID named as "butang" over that bank.html.
But why after the content is nicely rendered, I can't obtain the alert?

Hmmm... even when I clicking, clicking, and clicking many times at the button named as "butang", can not also give me an alert. How could I apply a jquery into a new html rendered as it firstly it's not there?