How to autosave a form field as it's being edited. This will fire the ajax request 400ms after the person stops typing.

autosubmit.js

// inspired by http://stackoverflow.com/questions/2006870/submit-form-with-delay-while-entering-data-into-input-field
/*
var timerid;
jQuery("#searchForm").keyup(function() {
  var form = this;
  clearTimeout(timerid);
  timerid = setTimeout(function() { form.submit(); }, 500);
});
*/

$('form').on('input', 'input.autosubmit', function() {
    var $this = $(this),
        timer = $this.data('timer'),
        delay = 400;

    if (timer) {
      clearTimeout(timer);
    }

    $this.data('timer', setTimeout(function() {
      if ($this.val() !== $this.data('value')) {
        $this.data('value', $this.val());
        $.get('url-goes-here', { value: $this.val() }, function(data) {
          if (!data.success) {
            alert('Saving data failed.');
          }
        });
      }
    }, delay));
  });