Javascript 用js替换textarea内的文本。为什么只在第一次工作？

我想在按下按钮时替换文本区域内的文本

由于某些原因，这仅在第一次单击按钮时起作用。如何解决这个问题

<button id = "the_button">replace text</button> <br>

<textarea id = "textarea"></textarea>

js小提琴：改变

$("#the_button").click(function(e) {
    $("#textarea").html("hello world");
});

致：

应该是：

$("#the_button").click(function(e) {
  $("#textarea").val("hello world");
});

---

小提琴手：

好吧，第二次点击后你会期待什么？您将文本更改为“hello world”，然后又想将其更改为“hello world”，这样就不会发生任何事情，对吗？检查JSFIDLE：单击它，手动更改文本，然后再次单击它。它不会第二次变成“你好世界”。没问题，很乐意帮忙。

$("#the_button").click(function(e) {
    $("#textarea").val("hello world");
});

$("#the_button").click(function(e) {
  $("#textarea").val("hello world");
});