[jQuery] How to make a iframe grows up to it's actual size

[jQuery] How to make a iframe grows up to it's actual size

Well, i have a iframe element with ID iframe-template
Then, i used $('#iframe-template').attr('src', url) to load content of url into that iframe!
It works fine! But i dunno how to make it grow up to it's actually
This is my iframe tag
<iframe width='100%' height='100%' id='iframe-template' name='iframe-template' frameborder=0 src='' scrolling='no'></iframe>