title: Difference between "change" and "input" event for an `input` element
body: <p>Can someone tell me what the difference between the <code>change</code> and <code>input</code> events is?</p>
  
  <p>I am using jQuery for adding them:</p>
  
  <pre><code>$('input[type="text"]').on('change', function() {
      alert($(this).val());
  })
  </code></pre>
  
  <p>It also works with <code>input</code> instead of <code>change</code>.</p>
  
  <p>Maybe some difference in the event ordering relative to focus?</p>