super simple ajax
jQuery(document).ready(function($) {
var form = $('#user_form');
var results = $('#results');
$(form).submit(function(event) {
event.preventDefault();
var post_url = $(this).attr("action");
var form_data = $(this).serialize();
console.log(form_data);
$.ajax({
type: 'POST',
url: post_url,
data: form_data
}).done(function(response){
$(results).removeClass('error');
$(results).addClass('success');
$(results).text(response);
}).fail(function(data){
$(results).removeClass('success');
$(results).addClass('error');
if (form_data.responseText !== '') {
$(results).text(form_data.responseText);
} else {
$(results).text('Error - your message could not be sent');
}
})
})
})