Cómo hacer un evento de clic en vivo en el nuevo DOM agregado

Soy un usuario live () y sé que live () está en desuso. He intentado usar bind () para que el evento en el nuevo dom agregado funcione, pero no lo es.

¿Puedes decirme cómo hacer bind () correctamente? ¿O hay algún otro método para hacer esta tarea?

este es el 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 es el 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');
});

si es posible, quiero usar el método de jquery nativo y no los complementos. este es mi jsfiddlehttp://jsfiddle.net/bondythegreat/z3uXH/

Respuestas a la pregunta(3)

Su respuesta a la pregunta