JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <form>
    <table>
      <tbody>
        <tr>
          <td>
            <input type="text" name="first" placeholder="First Name" id="first">
          </td>
        </tr>
        <tr>
          <td>
            <input type="text" name="last" placeholder="Last Name" id="last">
          </td>
        </tr>
        <tr>
          <td>
            <input type="submit" value="Signup" id="signup">
          </td>
        </tr>
      </tbody>
    </table>
  </form>
</body>

JavaScript

function submit() {
	$("form").submit(function(e) {
		e.preventDefault();
		$.ajax({
      type: 'POST',
      url: 'signup.php',
      data: $('form').serialize(),
      success: function() {
      	console.log("Signup was successful");
      }
      error: function() {
      	console.log("Signup was unsuccessful");
      }
    });
}

$(document).ready(function() {
	submit();
});