How to add whole section to a bunch of html elements using jquery?
<p>I want to add a section of class="box"  to the contents of the div id="primary", excluding the h1.  My html is below.  </p>

<pre><code>&lt;div id="primary"&gt;

    &lt;h1 class="page-title"&gt;Search Results for: dffd&lt;/h1&gt;        

        &lt;h2&gt;Nothing Found&lt;/h2&gt;
        &lt;p&gt;Sorry, but nothing matched your search criteria. Please try again with some different keywords.&lt;/p&gt;


 &lt;/div&gt; &lt;!--end #primary --&gt;
</code></pre>

<p>So what I want to achieve is </p>

<pre><code>&lt;div id="primary"&gt;

  &lt;h1 class="page-title"&gt;Search Results for: dffd&lt;/h1&gt;  

 &lt;section class="box"&gt;



        &lt;h2&gt;Nothing Found&lt;/h2&gt;
        &lt;p&gt;Sorry, but nothing matched your search criteria. Please try again with some different keywords.&lt;/p&gt;

   &lt;/section&gt;

 &lt;/div&gt; &lt;!--end #primary --&gt;
</code></pre>

<p><strong>EDIT:  made a mistake, I don't want my h1 in the section, have amended question</strong></p>
