.change not detecting value of input change
<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>