JSFiddle - React, Tailwind, and code Playground
HTML
<form id="date">
<center>Test date <!-- missing end tag </center> -->
</form>
<form id="refresh">
<center>Test Refresh</center>
</form>
<p>Date form submitted: <span id="dateWatch"></span></p>
<p>Refresh form submitted: <span id="refreshWatch"></span></p>
JavaScript
var date = document.getElementById("date"),
refresh = document.getElementById("refresh"),
dateWatch = document.getElementById("dateWatch"),
refreshWatch = document.getElementById("refreshWatch");
$(date).submit(function (event) {
event.preventDefault();
dateWatch.innerHTML = "yes!";
});
$(refresh).submit(function (event) {
event.preventDefault();
refreshWatch.innerHTML = "yes!";
});
$(refresh).submit();