JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <div id="first">
    <input name="tbox1" type="text">
    <input name="tbox2" type="text">
    <input name="tbox3" type="text">    
    <input id="button1" type="button" value="button1">  
    </div>
    <div id="second">
    <input name="tbox4" type="text">
    <input name="tbox5" type="text">
    <input name="tbox6" type="text">    
    <input id="button2" type="button" value="button2">  
    </div>
        </form>

JavaScript

$(document).ready(function() {
    $('#button1').on('click', function() {
        alert($('#first input').serialize());
    });
    
      $('#button2').on('click', function() {
        alert($('#second input').serialize());
    });
});