How to append element to parent body from an iframe?

Question

I have this code in the iframe.

<script type="text/javascript">
    $(document).ready(function(){
        $("body").append($("#ctap").html());
    });
</script>

I want to append #ctap's html to parent body. How can I do that ?

Answer 1

Try following piece of code inside document.ready

parent.$("body").append($("#ctap").html());