title: detect iframe height changes without iframe reload
body: <p>In my web project, I have an iframe.
  It holds one graph, and a table holding values of graph. (graph = google graph api, table=datatables)</p>
  
  <p>Sometimes iframe content height changes by its js applications, not by reloading an html.</p>
  
  <p>So I need to detect those changes originating from js's and increase i-frame size.</p>
  
  <p>How can I detect those changes?</p>
  
  <p>Here is my function that increases i-frame size. (For your reference)</p>
  
  <pre><code>  function update_height() {        
              $('#iframe-1').load( function() {
              var $ifbody = $(this).contents().find( 'body' );
              $ifbody.css( 'height','auto' );
              $(this).height( $ifbody.height() );
      }); 
     }; 
  </code></pre>