JSFiddle - React, Tailwind, and code Playground

by someprimetime

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
    $(function() {
        var handleFormSubmit = function() {
            ajaxSubmit();
        };

        var ajaxSubmit = function() {
            $.ajax({
                url: $('#contact_form').attr('action'),
                method: $('#contact_form').attr('method'),
                values: ''
            }).done(function() {
                alert('success');
            }).error(function() {
                alert('error!');
            })
        };

        $('[name=button-container]').on('submit', ajaxSubmit);
    });
</script>
<div id="button-container">
    <form method="get" name="contact-form" action="/echo/json">
         <h4>Contact form</h4>

        <p>
            <input type="text" placeholder="Name" />
        </p>
        <p>
            <input type="text" placeholder="Email" />
        </p>
        <button type="button">Submit</button>
    </form>
</div>

JavaScript

$(function () {

});