jQuery: Save responses when the user has finished typing.

jquery_save_responses.js

// For each input element, we will assign them a timer to avoid sending too many changes to the server at the same time.
var timeout = [];
$('.input-element').each(function() {
  timeout[this.id] = null;
})

$('.input-textarea').on('input', function() {
  clearTimeout(timeout[this.id]);

  var response = $(this).val();
  var question_id = $(this).attr("rel");

  timeout[this.id] = setTimeout(function () {
    if (response.length) {
      $.post('/save',
      {
        "response": response,
        "question_id": question_id
      },
      function(data) {
        window.console && console.log(data);
      }
      );
    }
  }, 800);
});