title: Change input value in iframe, parent input changes
body: <p>I have a page in my site that contains an iframe, inside the iframe are a number of input boxes. What I want to do is that when someone enters a value into the iframe input box, that value is then written into an input box in the parent page.</p>
  
  <p>I had found some other answers on here but I couldn't manage to get them to fit my need, so far I have something like</p>
  
  <p>HTML - for parent</p>
  
  <pre><code>&lt;form method="post" id="presentation-form" action=”action.php”&gt;
    &lt;input type="text" id="edit-title" name="title"&gt;
      &lt;iframe id="upload_frame" src="upload.html" &gt;&lt;/iframe&gt;
    &lt;input type="submit" id="edit-submit" name="op" value="Save"&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>HTML - for child</p>
  
  <pre><code>&lt;form name="formUpload" id="formUpload" etc..&gt; 
    &lt;input id=”mytitle” type="text" size="50" name="title" value=""&gt; 
    &lt;input type="submit" name="submit" value="Upload File"&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>What I want is that when I change the value of 'mytitle' in the child form, it chanegs the 'edit-title' in the parent form</p>
  
  <p>My Jquery so far was</p>
  
  <pre><code>$('#upload_frame').contents().find("#formUpload").delegate('input', 'change', function(e){ 
    //code goes here
  });
  </code></pre>
  
  <p>The problem I was getting is that even when I tried to alert, or log something from within that script, nothing was happening, I wasn't getting any javascript error but nothing got alerted when I did anything</p>
  
  <p>(before anyone asks, this child page is a page within my same domain)</p>
  
  <p>Any help would be greatly appreciated</p>