JQuery, получить все значения всех клонированных полей ввода ⇐ Jquery

[Anonymous]

Нужна помощь или подсказки, чтобы добиться следующего.
Клонирование полей ввода при щелчке и получение значений полей при изменении, чтобы они были вставлены в виде текста в другой элемент div. Однако, похоже, это работает только для исходных жестко закодированных полей (а не для клонированных). Я пробовал добавлять каждую функцию в несколько мест кода, но безуспешно.
Мой код сейчас выглядит так:

Код: Выделить всё

Chips Category *

Kraks
Curls
Crisps


Choose Taste *

Brand 1
Brand 2
Brand 3


Quantity *


Clone

и js:

Код: Выделить всё

$( document ).ready(function() {

function clone(){

$('.clonedInput:first')
.clone()
.appendTo(".cartWrapper")
.each(function(){})
.on('click','button.clone',clone).append('Remove')
.on('click','button.remove',remove);
}

function remove(){
$(this).parents(".clonedInput").remove();
}

$("button.clone").on("click", clone);

$("button.remove").on("click", remove);

function getValues() {

var categoryName = $('.categoryName1').val();

var chipsTaste = $('.chipsTaste1').val();

var chipsQty = $('.chipsQty').val();

$('#pasteItems').text(categoryName + ' ' + chipsTaste + ' ' + chipsQty);

}

getValues();

$('.changeFields').change(function(){

$(this).each(function(){

getValues();

});

});

});

Большое спасибо за помощь!

Подробнее здесь: https://stackoverflow.com/questions/300 ... put-fields