JSFiddle - React, Tailwind, and code Playground

HTML

<button id="clearFormNormal">clear form normal</button>
<button id="clearFormNoCrash">clear form no crash</button>
<form>
    <label>1</label><input type="text"/>
    <label>2</label><input type="text"/>
    <label>3</label><input type="text"/>
    <label>4</label><input type="text"/>
    <label>5</label><input type="text"/>
</form>

JavaScript

$(document).ready(function(){
    $('#clearFormNormal').click(function(){
        $("form input").val("");
    });
    $('#clearFormNoCrash').click(function(){
        $("form input").val($("form input").val());
        $("form input").val("");
    });
});