Access Contents In An Iframe jquery
<p>I have a textarea in an iframe. When I try to do any type of jquery manipulation in the textarea it will not respond. </p>

<p>The text area initially loads data in the iframe fine with this simple code..</p>

<pre><code>//txtHozSliderEmail is the textarea in the iframe
 $('#txtHozSliderEmail').val(notificationTemplate.Body)
</code></pre>

<p>but when I change the value of notificationTemplate.Body on subsequent calls, the data from the first call displays. The textarea wont update. I verified that notificationTemplate.Body has different data in it on every call so its not that. </p>

<p>The iframe is nested inside the main page.</p>

<p>When I check the "frames" collection I can see it has 2 frames how can I see the names of them? It seems the iframe has no id when I look at it in the html. Do I have to give it an "id" to access it or some other attribute?</p>

<p>The iframe is on the same domain/server I am not accessing an outside domain. The iframe is being used in the jHtmlArea.js library</p>

<p>Here the code in the library that is creating the iframe:</p>

<pre><code>  var iframe = this.iframe = $("&lt;iframe/&gt;").height(textarea.height());
        iframe.width('580px');
        iframe.height('180px');
        //iframe.width(textarea.width() - ($.browser.msie ? 0 : 4));
        var htmlarea = this.htmlarea = $("&lt;div/&gt;").append(iframe);
</code></pre>
