iframe height adjust not working
<p>I have an iframe with an button that when clicked expands a list.   I want the height of that iframe to adjust once the button is clicked.  Here is the code I have in the iframe:</p>

<pre><code>     &lt;script&gt;
$(function() {
    $("#field12593102_1").click(function() {
        window.parent.adjustIFrameHeight();
    });
});
&lt;/script&gt;
</code></pre>

<p>The code in the parent frame is the following:</p>

<pre><code>    function adjustIFrameHeight(){
$('.childframe').css('height', function(index) {
  return index +=400;});
};
</code></pre>

<p>I know that the parent frame code works because I have tried it without a call to the function but it does not work as it is now.  </p>
