JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://agilityjs.com/docs/agility.min.js"></script>
<form id="new-status">
<textarea></textarea>
<input type="submit">
<div id="statuses"></div>
</form>
JavaScript
var statusItemProto = $$({
model: { text: ''} ,
view: { format: '<li data-bind="text" />' }
});
$(document).ready(function() {
$('#new-status').submit(function(e) {
e.preventDefault();
$.ajax({
url: '/echo/json/',
type: 'POST',
dataType: 'json',
data: {'json': JSON.stringify({ text: $(this).find('textarea').val() })},
success: function(data) {
$$.document.append( $$(statusItemProto, {
model: {text: data.text}
}), '#statuses');
$(this).find('textarea').val('');
}
});
});
});