Назначение .on() - активация динамически создаваемых элементов

Question

Идея этого скрипта - позволить динамически созданным элементам реагировать на функцию keyup, которая изменяет внутренний html (или текст jQuery()) на основе того, что находится внутри текстовая форма.

Каждый динамически созданный элемент имеет свою собственную текстовую форму и заголовок. Поэтому все, что вы набираете в текстовой форме данного элемента, должно стать заголовком для этого элемента, который завернут в теги.

Я пробовал несколько способов, но я просто не могу заставить его работать. Каков наилучший способ сделать это?

Вот моя последняя попытка - http://jsfiddle.net/gnkxxgjz/1/

$('body').on('keyup', '.qForms', function() { 
    var nameOfLoan = []; 

    var loanOfName = function(t) { 
     if ($(this).hasClass('.loanNameV'+t)) { 
       $('body').on('keyup', '.qForms', function() { 
         var loanN = $('.loanNameV'+t).val(); 
         $('.nameLoan'+t).text(loanN); 
       }); 
    } 
     else { 
      return false; 
     } 
    }; 

    for (var t=1; t < z; t++) { 
     nameOfLoan[t] = loanOfName(t); 
    } 

    for (var j=1; j < z; j++) { 
     nameOfLoan[j](); 
    } 
}); 

Answer 1

Взгляните на этот Fiddle

<button onclick="crea()">create</button> 
<div id="d1"> 
</div> 


function crea(){ 

    $('#d1').append($("<h2></h2><input>").on('keyup',function(){ 
     $(this).prev().html($(this).val()); 
    })) 

} 

Answer 2

Что-то вдоль этих линий:

$(document).on("keypress", $("input"), function(e){ 
    console.log($(e.target).attr("id")) 
}); 

Это будет печатать на консоли идентификатор атрибут любого введенного поля ввода. Просьба указать, как связаны входные и текстовые элементы, и я мог бы связать их в этой части кода.