как сделать событие живого клика на новом добавленном DOM

Я пользователь live () и знаю, что live () устарела. Я пытался использовать bind (), чтобы событие на новых добавленных объектах работало, но это не так.

Подскажите, пожалуйста, как правильно выполнить bind ()? или есть какой-то другой способ сделать эту задачу?

это 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>  

это 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');
});

если возможно, я хочу использовать нативный метод jquery, а не плагины. это мой jsfiddlehttp://jsfiddle.net/bondythegreat/z3uXH/

Ответы на вопрос(3)

Ваш ответ на вопрос