JSFiddle - React, Tailwind, and code Playground

HTML

<p>Click on the button to load result.html file:</p>
   <div id="stage1" style="background-color:blue;">
          STAGE - 1
   </div>
   <br />
   <div id="stage2" style="background-color:blue;">
          STAGE - 2
   </div>
<form id="testform">
 <table>
 <tr>
 <td><p>Name:</p></td>
 <td><input type="text" name="name[]" size="40" /></td>
     <td><input type="text" name="name[]" size="40" /></td>
 </tr>
 <tr>
 <td><p>Age:</p></td>
 <td><input type="text" name="age" size="40" /></td>
 </tr>
  <tr>
 <td><p>Sex:</p></td>
 <td> <select name="sex">
   <option value="Male" selected>Male</option>
     
   <option value="Female" selected>Female</option>
   </select></td>
 </tr>
  <tr>
 <td colspan="2">
   <input type="button" id="driver" value="Load Data" />
 </td>
 </tr>  
</table>
</form>

JavaScript

$(document).ready(function() {
     $("#driver").click(function(event){
         var a=$("#testform").serialize();
         alert(a);
     });
});