How do I open a div in a separate pop up window (as opposed to a lightbox modal window)

Question

I have a hidden div in my page. I was wondering if there is a way to open it up in a separate window as opposed to a lightbox within the same page. There are a lot of ways to do this the lightbox method, but can't seem to find a way to do it in a separate window. I am running jQuery on the page

Lets assume this is the div:

<style>
    #hidden {
        visibility: hidden;
    }

</style>

<div id="hidden">
    <p>I am a hidden div</p>
    <p>Hopefully i'll open up in a new window</p>
</div>

I tried the following method in jQuery, but it just ended up opening the same page

$(".button").click(function(){
            window.open('#yeah');
        });

Answer 1

You can use document.write to set the contents on your popup window:

var w = window.open();
w.document.write( $("#hidden").html() );
w.document.close(); //finish "loading" the page