JQuery - comment ajouter un objet à iframe dans les navigateurs basés sur WebKit (chrome/safari)?

Question

Je possède ce code:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#iframeId").contents().find("body").append($("#test")); 
    }); 
    </script> 
    <iframe id="iframeId" name="iframeId" src="about:blank" ></iframe> 
    <div id="test"> 
    Text 
    </div> 

et je dois ajouter objet entier à iframe (non seulement le code html()). Cela fonctionne bien dans IE, Firefox et Opera, mais je ne peux pas le faire dans Chrome/Safari. Y at-il un hack ou d'une autre façon, comment mettre l'objet html dans l'iframe, en travaillant avec WebKit?

EDIT

Je ne peux pas cloner l'objet (ou utiliser son intérieur Html), parce que je dois l'utiliser avec l'entrée de fichier et je ne peux pas le copier en raison des restrictions de sécurité.

Answer 1

outerHTML. Cet exemple fonctionne très bien:

jQuery.fn.outerHTML = function() { 
    return $('<div>').append(this.eq(0).clone()).html(); 
}; 

$("#iframeId").contents().find("body").html($("#test").outerHTML()); 
$("#test").remove(); 

--edit

<script type="text/javascript"> 
    $(document).ready(function() { 
    $("#iframeId").contents().find("body").html($("<div></div>").append($("#test")).html()); 
    }); 
    </script> 
    <iframe id="iframeId" name="iframeId" src="about:blank" ></iframe> 
    <div id="test"> 
    Text 
    </div> 

--edit II

$("#iframeLast").contents().find("body").append($("<form></form>").append($("#inputLast")));