How do I open a new window/tab and dynamically fill it with content?
<p>I am building a website that displays recipes. Each recipe appears as part of a blog entry, and will have a link at the bottom to <code>Print this recipe</code>.</p>

<p>What I want to happen is a click on the link opens a new window and fills it with a print-friendly-styled version of the recipe, which is already inside its own <code>&lt;div class="recipe"&gt;</code>.</p>

<p>Can I do this with JS/jQuery alone, or do I need to process from the server side? Any ideas how to do this?</p>

<p>EDIT: What would be ideal would be to generate a PDF on the fly, but in lieu of that I'd like a new window, containing only the recipe, for the visitor to print out or save, as they see fit. Print-styles are nice, but most people don't know they exist and can't be bothered to check and see by printing out a page that doesn't <em>look</em> print ready.</p>
