JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<form id="create" action="/service/create" method="POST" style="margin: 0 0 0 0;">
    <div class="col-sm-7 ">
    //Skipping to buttons directly

    <button type=submit class="btn btn-default" id="save">Save</button>
    <button type="submit" class="btn btn-default" id="preview">Preview</button>
    <button type="submit" class="btn btn-default" id="delete">Delete</button>
  </div>  
</form>

JavaScript

$(document).ready(function(){
    'use strict';
    $("#create").on('click', '#save', function (e) {

        alert('Save Message');
        e.preventDefault();

            $.ajax({
                url: ADD_ENDPOINT,
                data: {'form': $("create").serialize()},
                type: 'POST'
            });
    });
});