JSFiddle - React, Tailwind, and code Playground

HTML

<form id="submit_wall">
<label for="message_box">Type your experience :</label>
<input type="text" id="message_box" />
<button type="submit">Post it!</button>
</form>

<ul id="wall">
</ul>

JavaScript

$(document).ready(function(){
$("form#submit_wall").submit(function() {

var message_box = $('#message_box').attr('value');

$.ajax({
type: "POST",

data:"message_box="+ message_box,
success: function(){
$("ul#wall").prepend('<li style="display: none;">'+message_box+'</li>');
$("ul#wall li:first").fadeIn();
}
});
return false;
});
});