title: Getting value from iframe to iframe
body: <p>I have two iframes in the document <strong>movie.htm</strong>:</p>
  
  <pre><code>&lt;iframe id='movies' class='top' frameborder='0'&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>&lt;iframe src="moviesearch.htm" class="bottom" frameborder="0"&gt;
  </code></pre>
  
  <p>Within <strong>moviesearch.htm</strong> there is an input tag</p>
  
  <pre><code>&lt;input id="search_str" type="text"&gt;
  </code></pre>
  
  <p>I was wondering how I access this value (contained in <strong>moviesearch.htm</strong>) using JavaScript in the document <strong>movie.htm</strong>. </p>
  
  <p>As the user is typing the field continuously it would require that the value be updated real-time within <strong>movie.htm</strong>. </p>
  
  <p>How would I achieve this in JavaScript?</p>