Agregando evento a elemento dinamico

[h2swider]

Tengo un sistema para dar de alta y eliminar "temas" implementado con php y jquery, todas las llamadas a php funcionan correctamente, el problema radica en el js.

Con un botón para crear temas, que se van agregando a un listado inferior

esto lo hago con

Código Javascript:

$('#agregar_tema').click( function() {
    var nuevo_tema = '<tr>'+nombre+'</tr>';
    $('tabla').append(nuevo_tema);
});
 

Luego para eliminarlos

Código Javascript:

$('tabla tr').click( function() {
    $(this).remove();
});
 

El problema es que en el listado inicial puedo eliminar sin problemas, pero si agrego un tr, y luego intento eliminarlo, el evento no se dispara, es decir puedo eliminar todos los tr menos los creados en el momento.

[Dradi7]

para esto debes usar delegate o on

Código Javascript:

$("#myTable").on("click", "tr", function(event){
    alert($(this).text());
});
 

[h2swider]

delegate era lo que necesitaba,

(Description: Attach a handler to one or more events for all elements that match the selector, now or in the future, based on a specific set of root elements.)

desconocía su existencia. Le estaré siempre agradecido.

[h2swider]

Los eventos sobre los nuevos elementos funcionan perfecto, pero si intento recuperar un val por ejemplo de un nuevo input creado, me da "undefined"

¿Que debería hacer en este caso?

Retiro la pregunta, era un error de lógica en el selector.