フォームTextareaデータが送信時に置換されない

Question

テキストエリアデータを含むフォームを送信するときに改行を改行しようとしています。

次作品：

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

私はテキストエリアの値を変更しないだけです。

これを明確にするために、これはテキストエリアのテキストを編集する瞬間には機能しなくなります。新しく入力されたテキストで動作させるには、フォームを送信し、もう一度編集をクリックして、テキストエリア内のテキストを変更せずにフォームを再送信します。誰かがこの動作がなぜ起こっているのか説明できますか？

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>