title: How to use jquery from parent inside an iframe?
body: <p>I have a file, let us call it parent-win.html, served by domain example.com. This file has jquery included in it. An iframe, lets call it iframe-win.html, is embedded in this page. iframe-win.html has a form element with id <code>form-elem</code> and value <code>Hello World!</code>. Now I do following inside iframe.</p>
  
  <pre><code>var jQuery = parent.jQuery;
  console.log(jQuery('#form-elem').val());
  </code></pre>
  
  <p>According to my limited knowledge of JS I should see <code>Hello World!</code> on console but instead I see undefined. Now, my question is do I need to load jquery again in an iframe or can I utilise jquery object already loaded in parent window? </p>
  
  <p>Do note that this is not as usual access iframe/parent content from parent/iframe. </p>