title: Event listener "change" only works if focus is on object
body: <p>I'm currently having a little struggle with this. The situation is the following. I have  multiple input fields on a page</p>
  <p>Input1 and Input2 influence the content of Input3.</p>
  <p>Now I wan't an event handler being triggered if content of Input3 changes. I tried:</p>
  <pre><code>$('#div-xy').on('change', 'input', function(){console.log('input changed')});
  </code></pre>
  <p>But that only seems to work if the focus is also on Input3 which isn't the case as I'm typing in input2 or input3.
  I also tried:</p>
  <pre><code>$('#div-xy').bind('DOMSubtreeModified', function(){console.log('CHANGE2')});
  </code></pre>
  <p>which sadly has the same effect. Do you maybe have an idea how to check for changes in Input3? Would appreciate the help.</p>