JSFiddle - React, Tailwind, and code Playground

HTML

<form id="form1" action="index_submit" method="post" accept-charset="utf-8">
    <p><input type="text" name="fname" value="" /></p>
	<p><input type="submit" value="Continue &rarr;"/></p>
</form>
 <form id="form1" method="post" action="api/updates/complex" 
        enctype="application/x-www-form-urlencoded">
        <div>
        <label for="status">Status</label>
        </div>
        <div>
        <input name="status" type="text" />
        </div>

        <div>
        <label for="date">Date</label>
        </div>
        <div>
        <input name="date" type="text" />
        </div>
 
        <div>
        <input type="submit" value="Submit" />
        </div>
    </form>
<div id="message"></div>

JavaScript

//replicate the returned JSON data
var testData = { json: JSON.stringify({myid: ['This is some test data']}) };




  $("#form1").submit(function () {
      //   var errorData = $.parseJSON(xhr.responseText);
        var jqxhr = $.post('/echo/json/', $('#form1').serialize())
            .success(function () {
               alert(jsonData[0].myid);
            })

            .error(function () {
               
                alert(jsonData[0].myid);
               
            });
        return false;
    });