JSFiddle - React, Tailwind, and code Playground

HTML

<form action="" method="post" id="frm">
    <textarea name="text" id="text" style="width:300px; height:100px;">
line1
line2
line3</textarea>
    <br />
    <input type="button" id="submit" value="Submit" />
</form>

<div id="original">Original text length: <span></span><br><div></div></div><br>
<div id="serialized">Serialized text length: <span></span><br><div></div></div>

JavaScript

$(function() {
    $("#submit").on("click", function() {
        $("#original div").text( "text=" + escape($("#text").val()) );
        $("#original span").text( $("#original div").text().length );
        
        $("#serialized div").text( $("#text").serialize() );
        $("#serialized span").text( $("#serialized div").text().length );
    });
});