Dlaczego jQuery usuwa znaczniki treści i głowy podczas wypełniania ramki iframe tagiem stylu, ale nie bez?

Jeśli uruchomię następujący kod, znaczniki treści i głowy zostaną usunięte.

<code><iframe src='blank.htm'>
    <html>
    <head>
        <style type="text/css">

        </style>
    </head>
    <body>
        test
    </body>
    </html>
</iframe>
<script>
    $('iframe').load(function () {
        var contents = $('iframe').text();
        $('iframe').contents().find('html').html(contents);
    });
</script>
</code>

Jeśli usunę tagi stylów, wszystko pokaże się poprawnie. Dlaczego tak jest i jak mogę przerwać usuwanie tagów głowy i ciała? Chcę, aby zawartość była wypełniona tak, jak jest, bez żadnych manipulacji.

questionAnswers(2)

yourAnswerToTheQuestion