使用jQuery设置然后手动编辑后，Textarea内容/值不会更新

Question

我已经构建了一个电子邮件表单，旨在允许用户通过电子邮件将指向当前页面的链接发送给朋友。表单只包含字段：

你的名字
您的电子邮件地址
朋友的名字
朋友的电子邮件地址
消息

消息设置为通过jQuery填充“Your Name”输入的更改，包括“Your Name”字段的内容和短文本字符串。从那里，我希望用户之后能够编辑内容，并且生成的电子邮件包括最初填充的消息，以及用户添加的内容。但是出于某种原因，在提交表单时，只有jQuery填充的初始内容在电子邮件中出现，尽管textarea包含了加上用户通过键入内容添加的内容。这是我用来初始填充textarea内容的代码。有任何想法吗？谢谢！

$('.email-panel #input_1').on('change',(function(){
    var myname = $(this).val();
    var txt = $.trim(myname+' has sent you a delicious recipe! Clearly they have great taste.');
    $(this).parent().parent().find('textarea').val(txt);
}));