提交时未替换表单 Textarea 数据

Question

在提交带有 textarea 数据的表单时，我正在尝试用换行符替换新行。

以下作品：

$("form").on('submit', function (e) {
    $(".description").html($(".description").val().replace(/\r\n|\r|\n/g, "<br />"));
});

仅当我不更改 textarea 的值时。

为了澄清，当我在 textarea 中编辑文本时，这将停止工作。使它与新输入的文本一起工作的唯一方法是提交表单，再次单击编辑，然后重新提交表单，而不对 textarea 中的文本进行任何更改。有人可以解释为什么会发生这种行为吗？

HTML：

<textarea class="form__item__input description" name="description"></textarea>

Answer 1

$("form").on('submit', function(e) {
  e.preventDefault();
    
  $(".description").val($(".description").val().replace(/\r\n|\r|\n/g,"<br />"));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<form>

  <textarea class="description" rows="10">
    Hi
    Click
    me 
    please
  </textarea>
  <input type="submit" value="submit" />
</form>