JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

<form method="post" action="">
    <input type="text" id="t" name="t" style="width:250px" value="val"/>
    <button type="submit"><p>Submit<img src="submit.png" style="width:32px;vertical-align:middle"/></p></button>
</form>

JavaScript

arr = ['val1', 'val2', 'val3', 'val4', 'val5'];

$( "form" ).on( "submit", function( event ) {
    event.preventDefault();
    $('#t').val(arr.pop());
    $.post('xxxx.php', $(this).serialize())
});