JSFiddle - React, Tailwind, and code Playground

HTML

<div id="email">
  <span>Your email..</span>
    <form action="http://simondahla.com/jolliassets/notify.php" id="notify" method="POST">
        <input type="text" placeholder="[email protected]" name="email" id="address" data-validate="validate(required, email)"/>
        <span>We'll never spam or give this address away</span>
        <button type="submit">&#187;</button>
    </form>
    <span id="result"></span>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

JavaScript

$(document).ready(function() {
  $('#notify').submit(function() {
        var action = $(this).attr('action');
        $.ajax({
            url: action,
            type: 'POST',
            data: {
                email: $('#address').attr('value')
            },
            success: function(data){
                $('#result').html(data).css('color', 'green');
            },
            error: function() {
                $('#result').html('Sorry, an error occurred.').css('color', 'red');
            }
        });
    });
});