JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.0.1/js/vendor/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.2.3/foundation.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.2.3/plugins/foundation.abide.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.2.3/foundation.css">
<form data-abide novalidate method="POST">
<label>First name
<input type="text" name="firstname" required>
</label>
<input type="submit" value="Save">
</form>
JavaScript
$(document).foundation();
$('<label>Last Name<input name="lastname" type="text" required></label>').insertBefore('input[type=submit]');