I'm trying to load an external webpage into a div (#siteloader) with Jquery, but am having trouble figuring out how to adjust the height of the div so that re-sizes to fit the content of the external site without getting scroll bars. I definitely don't want to use iframes.

Here is the code:

```
<!doctype html>
<html>
    <meta charset="utf-8">
    <title>Load remote content into object element</title>

    <style type="text/css">
    object {
        width: 100%;
    }       
    </style>

    </head>

    <body>
        <div id="siteloader"></div>

        <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
        <script>
        $("#siteloader")
            .html('<object data="https://system.netsuite.com/pages/customerlogin.jsp?country=US">');
        </script>

    </body>

</html>

```

Any help on this would be greatly appreciated!