title: Jquery: .on('input') not firing when input value changed by another function
body: <p>Here's the code:</p>
  
  <pre><code>$("input[type='text']").on('input', function() { ...stuff here... });  //first function
  
  $('input[type="text"]').click(function() {  //second function
    $('#keyboard').show();
    $('#keyboard .letter').click(function() {
      var currentValue = $('input[type="text"]').val();
      alert(currentValue);
      $('input[type="text"]').val( currentValue + $(this).text() );
    });
  });
  </code></pre>
  
  <p>The short version is, when I type in this text input, the top function fires. In the second function, I make a keyboard appear, and change the value of the input based on user clicks. However, the first function is not firing when the input value is changed by means of the second function. Any ideas? Much appreciated.</p>