JSFiddle - React, Tailwind, and code Playground

by Darth Vader

HTML

<form action="" method="post">
    <input type="text" name="name" placeholder="Name" />
    <input type="text" name="email" placeholder="Email" />
    <input type="button" name="submit" id="submit" value="Submit Query" />
</form>

JavaScript

$(document).ready(function () {


    var $form = $('form');

    $("#submit").click(function () {
        $.ajax({
            url: 'http://example.com',
            data: {
                name: 'test',
                email: '[email protected]'
            },
            /*dataType: 'jsonp',*/
            success: function () {
                console.log("This was successful", arguments);
            },
            error: function () {
                console.log("This was not successful", arguments);
            }
        }).always(function () {
            console.log("Submitting form somewhere");
            $form.submit();
        });
    });

});