JSFiddle - React, Tailwind, and code Playground
HTML
<form action="GET" id="myForm">
<input id="string" type="text" name="string" />
<input id="button" type="button" value="Go" />
<input id="string2" type="text" name="string" />
<input id="button2" type="button" value="Go" />
<input type="submit" value="Go" />
</form>
JavaScript
$('#myForm').submit(function(event) {
// Stop form from submitting normally
event.preventDefault();
var $form = $(this);
$.ajax({
type: "GET",
url: "google.com",
data: $form.serialize(),
success: function() {
console.log("it worked");
}
});
});