title: .change not detecting value of input change
body: <p>So I've got a popup which on completion will change the value of "input1" and close itself. It works but I'm having trouble detecting the change of value "input1".</p>
  
  <p>I've tried to use the jquery function like so:</p>
  
  <pre><code>$( document ).ready(function() {
      $( "#input1" ).change(function() {
          console.log("this was changed");
      });
  });
  </code></pre>
  
  <p>However to no luck, when the value is changed, my function doesn't run.</p>
  
  <p>Main Document Window:</p>
  
  <pre><code>&lt;form name="myform"&gt;
    &lt;input name="input1" id="input1" value=""&gt;
  &lt;/form&gt;            
  </code></pre>
  
  <p>POP UP:</p>
  
  <pre><code>parent.opener.parent.document.myform.input1.value = "New Value";
  self.close();
  </code></pre>