Как подставить данные из input в соответствующие ячейки в таблице?

Question

[Денис Кузьмин]

Нужно заполнить таблицу данными из соответствующих input, посчитать итоговую сумму в строке. Посчитать ИТОГО для всех строк с учётом бонусов и их количества.
Пробовал так:

$(document).on('change', '.form_2 .input-box input', function () {
		var currindex = $(this).parent().parent().index();
    
		var lastname = $('#lastname').val();
		$('.row').eq(currindex).find('.lastname').html(lastname);

		var name = $('#name').val();
		$('.row').eq(currindex).find('.name').html(name);

		var sum = $('#sum').val();
		$('.row').eq(currindex).find('.sum').html(sum);

		var quant = $('#quant').val();
		$('.quant').html(quant);

		$('.row').each(function () {
			var rowsum = $(this).find('.sum').html();
			var rowquant = $(this).find('.quant').html();
			var rowtotal = rowsum * rowquant;
			$(this).find('.total').text(rowtotal);
		});
});

Когда добавляю ещё инпуты и записываю в них значения, в новую строку таблицы идут значения из первой строки с инпутами.

На codepen:

Comments

[Сергей Сергей]

.val()

[StiflerProger]

$(this).find('.sum').val() забыл

[Денис Кузьмин]

Сергей Сергей, спасибо.

[Денис Кузьмин]

StiflerProger, спасибо.
Когда добавляю ещё инпуты и записываю в них значения, в новую строку таблицы идут значения из первой строки с инпутами.