title: Getting parent value in an iframe?
body: <p>I have below two html files. In <code>PassValueIFrame.html</code>  i have an iframe which refers <code>inputForm.html</code>. Also, i have one hidden field in <code>PassValueIFrame.html</code> and am trying to retrieve its value in <code>inputForm.html</code> but am not getting its value it alerts as '<code>undefined</code>'. Am i doing any wrong here? Please help me.</p>
  
  <h2>PassValueIFrame.html</h2>
  
  <pre><code>&lt;html&gt;
    &lt;head&gt;
    &lt;title&gt;IFrame Example&lt;/title&gt;
    &lt;/head&gt;
  &lt;body&gt;
  &lt;input type="hidden" class="Language" value="English"&gt;
  &lt;iframe name="iframe" id="iframe_id" src="inputForm.html" height="150" &gt;
  &lt;/iframe&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <h2>inputForm.html</h2>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;script src="http://code.jquery.com/jquery-1.10.1.min.js"&gt;&lt;/script&gt;
  &lt;script language="javascript"&gt;
    $(document).ready(function() {
      alert($(this).parent().find('.Language').html());
    });
  
    &lt;/script&gt;
     &lt;title&gt;IFrame Child Example&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;h1&gt; Iframeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee &lt;/h1&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>Thanks!</p>