Eventos acionados por elementos gerados dinamicamente não são capturados pelo manipulador de eventos

eu tenho um<div> comid="modal" gerado dinamicamente com o jQueryload() método:

$('#modal').load('handlers/word.edit.php');

word.edit.php contém alguns elementos de entrada, que são carregados em um<div>.

Usando jQuerykeyup Eu posso capturar os valores de entrada depois que um evento é acionado, mas quando os elementos são adicionados dinamicamente ao div modal, o evento não é iniciado quando o usuário digita seu texto.

Qual método jQuery suporta o tratamento de eventos disparados por elementos criados dinamicamente?

O código para criar os novos elementos de entrada é:

$('#add').click(function() {
    $('<input id="'+i+'" type="text" name="translations' + i + '"  />')
      .appendTo('#modal');

O código para capturar os valores do usuário é:

$('input').keyup(function() {
    handler = $(this).val();
    name = $(this).attr('name');

Este segundo bloco de código parece funcionar para os elementos originais, mas não é acionado pelos novos elementos gerados dinamicamente.

questionAnswers(5)

yourAnswerToTheQuestion