Grab content of a div and insert in another one
<p>Hi guys i'm trying to create a "zen view" mode for my blog articles, so i want to grab only the content of the #single div (only the article content no header or siderbar etc...) and put it into another div called #zen-view, note that i use <strong>WordPress.</strong></p>

<p>So i try to make this code for now:</p>

<pre><code>&lt;button class="zen"&gt;Read in Zen mode&lt;/button&gt;   // when clicked display #zen-view div
&lt;div id="zen-view"&gt;  // initialy the css of that div is set to display:none
&lt;p id="zen-content"&gt;&lt;/p&gt;   // the tag where the contet of the #single div will be load
&lt;button class="close" href="#"&gt;Close Zen mode&lt;/button&gt;   // when clicked close zen-view div
&lt;/div&gt;
</code></pre>

<p>and here is the jquery </p>

<pre><code>$(function() {

     $('.zen').click( function() {
            $('#zen-view').show();
            ... how can i grab the content of #single div and put into #zen-content div? ...
        });
     $('.close').click( function() {
            $('#zen-view').hide();

        });
    });
</code></pre>

<p>Thanks</p>
