title: Changing div in iframe using Jquery
body: <p>I have a "Page A". In this page is an <code>iframe</code> which displays "Page B". </p>
  
  <pre><code>&lt;iframe id="iframeD" src="https://trello.com" width="600" height="600"&gt;
    &lt;p&gt;Your browser does not support iframes.&lt;/p&gt;
  &lt;/iframe&gt;
  &lt;div id="cTitle"&gt;Hello&lt;/div&gt;​
  </code></pre>
  
  <p>(See the following fiddle for a working example: <a href="http://jsfiddle.net/noscirre/yYkUN/" rel="nofollow">http://jsfiddle.net/noscirre/yYkUN/</a>)</p>
  
  <p>"Page B" contains a <code>div</code> with id <code>landingHeader</code>. How can I create a jQuery call on "Page A" replace this <code>div</code> with another <code>div</code> (whose content is found on "Page A") with id <code>cTitle</code>?</p>