como fazer um evento de clique ao vivo no novo DOM adicionado

Eu sou um usuário live () e sei que de alguma forma o live () está obsoleto. Eu tentei usar o bind () para ter o evento no novo servidor, mas não é.

você pode por favor me dizer como fazer bind () corretamente? ou existe algum outro método para fazer essa tarefa?

este é o html:

<table>
    <tr>
        <td> hi there <span class="click">click me</span></td>
    <tr>
    <tr>
        <td> hi there2 <span class="click">click me</span></td>
    <tr>
    <tr class="end">
        <td></td>
    </tr>
</table>
<button class="add_new">add new row</button>  

este é o js:

var new_row = '<tr><td> hi there, new row! <span class="click">click me</span></td><tr>';

$('.add_new').click(function() {
    $('.end').before(new_row);    
});


$('.click').bind('click', function() {
   alert('clicked');
});

Se possível, eu quero usar o método nativo do jquery e não plugins. este é o meu jsfiddlehttp://jsfiddle.net/bondythegreat/z3uXH/

questionAnswers(3)

yourAnswerToTheQuestion