JSFiddle - React, Tailwind, and code Playground

HTML

<form id="test" class='ajax' action='#' method="post">
    <input type="text" name="foo" />
    <input type="submit" />
</form>

JavaScript

jQuery(function($){
    $(document).on('submit', '.ajax', function(e){
       e.preventDefault();
       $form = $(e.currentTarget);
       
        $.post('#', $form.serialize(), function(data, status, jqxhr){
            console.log('WORKED');
           console.log(data);
        }).error(function(e){
           console.log('AJAX FAILED');
           console.log(e); 
        });
    });
});