JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<form class="form">
    <p><input type='text' id='a'></p>
    <p><input type='text' id='b'></p>
    <p><input type='checkbox' id='c'></p>
</form>
        
 <form class="form">
    <p><input type='text' id='aa'></p>
    <p><input type='text' id='bb'></p>
    <p><input type='checkbox' id='cc'></p>
</form>
        </div>
<p><input type='text'></p>

<div id='log'></div>

CSS

form {
    border: 2px solid black;
    margin: 10px;
    padding: 10px;
}

JavaScript

$('.form :input').change(function(e){
   $('#log').prepend('<p>Form changed ' + $(e.target).value + '</p>')
});