Multiple Text Fields In Single Div With Jquery Dynamic Form

Using the jQuery code from here, but I am trying to have multiple text inputs in each div. It displays correctly and increments and saves the name and id for the first element, but

Solution 1:

Your script only updates the first input, you need to loop through and update all inputs in the cloned div

$('#btnAdd').click(function () {
    var num = $('.clonedInput').length;
    var newNum = num + 1;

    var newElem = $('#input' + num).clone().attr('id', 'input' + newNum);

    newElem.find(':input').each(function () {
        $(this).attr('id', $(this).attr('id').replace(/\d+/, newNum));
        $(this).attr('name', $(this).attr('name').replace(/\d+/, newNum));
    });

    $('#input' + num).after(newElem);
    $('#btnDel').attr('disabled', '');

    if (newNum == 5) $('#btnAdd').attr('disabled', 'disabled');
});