title: Add divs between divs in jQuery
body: <p>I'm working with a great jQuery plugin <a href="http://builtbywill.com/code/booklet/" rel="nofollow">(booklet)</a>, and pages of the booklet are defined as so:</p>
  
  <pre><code>&lt;div id="mybook2"&gt;
      &lt;div class="b-load"&gt;
          &lt;div&gt; 
              &lt;h3&gt;Yay, Page 1!&lt;/h3&gt;
          &lt;/div&gt;
          &lt;div&gt; 
              &lt;h3&gt;Yay, Page 2!&lt;/h3&gt;
          &lt;/div&gt;
          &lt;div&gt; 
              &lt;h3&gt;Yay, Page 3!&lt;/h3&gt;
          &lt;/div&gt;
          &lt;div&gt; 
              &lt;h3&gt;Yay, Page 4!&lt;/h3&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to add a div before each one of the pages (all the divs in div class="b-load").</p>
  
  <p>How would I add it? .prepend? I'm not sure what to do here, I've never worked with jQuery or javascript at all, really.</p>