title: How to interact with the content of an iframe using js or jQuery
body: <p>index.html with this code</p>
  
  <pre><code>&lt;iframe src="other.html" width="100%" height="600px"&gt;&lt;/iframe&gt;
  
  &lt;input type="button" id="btnOutside" value="Click me"/&gt;
  </code></pre>
  
  <p>In the other.html I have this code:</p>
  
  <pre><code>&lt;input type="button" id="btnInside" value="Other Click"/&gt;
  &lt;script type="text/javascript"&gt;
  $(document).ready(function() {
      $("#btnInside").click(function () {
          alert('inside');
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>I am trying to make that the outside button trigger the inside button like this in the index.html</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function() {
      $("#btnOutside").click(function () {
          $("#btnInside").click();
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>But is is not working. What can I do??</p>