Добавление текста при нажатии jquery

Есть поле для ввода, кнопка и поле для вывода. В поле для вывода уже заполнено value. Нужно, чтобы по нажатию на кнопку текст не перезаписывался, а добавлялся к уже существующему. Вот пример

$("#btn").on('click', function () { var t1 = $('#first').val(); $('#last').val(t1); });
Вот на стороннем ресурсе https://jsfiddle.net/atg5m6ym/7609/

Ответ

Так:
$("#btn").on('click', function () { var t1 = $('#first').val(); console.log(t1); $('#last').val(function(i, val){ return val + ' ' + t1; }); }); p { margin: 1em 0 0; }

.val( function(index, value) ) Атрибуту value будет присвоено значение, которое вернет функция function. Функция для каждого из выбранных элементов. При вызове, ей передаются следующие параметры: index (позиция элемента в наборе) и value (текущее значение атрибута value у элемента).