title: jQuery + iframe, onresize
body: <p>I have a page on my site that uses jQuery to add items to a table without reloading the page. It works perfectly but now I need to display it in another page using an iframe.</p>
  
  <p>I can get it to display but the issue I'm running into is that of scrollbars in the iframe which I'd really like to avoid. Is there a way I can dynamically resize the iframe height when jQuery increases the height of the table?</p>
  
  <p>What I've tried so far</p>
  
  <ul>
  <li>onresize() method in the iframe as mentioned here and I added an alert to display when the onresize function is triggered but it never does. <a href="https://stackoverflow.com/questions/819416/adjust-width-height-of-iframe-to-fit-with-content-in-it">Adjust width height of iframe to fit with content in it</a></li>
  <li>Tried forcing a resize in the original page but the alert still doesn't show up in the page with the iframe. 
  <a href="https://stackoverflow.com/questions/1818474/how-to-trigger-the-window-resize-event-in-javascript">How to trigger the window resize event in JavaScript?</a></li>
  </ul>
  
  <p>No matter what I try, I just can't seem to get this to work. I'm new to jQuery and I'm pretty much out of ideas now.</p>
  
  <p>Help will be truly appreciated.</p>