Get html content between two elements
<p>i have a html text like this:</p>

<pre><code>&lt;div id="content"&gt;
    &lt;p&gt;para1&lt;/p&gt;
    &lt;p&gt;para2&lt;/p&gt;
    &lt;p&gt;para3&lt;/p&gt;
    &lt;p class="break"&gt;para4&lt;/p&gt;
    &lt;div&gt;img&lt;/div&gt;
    &lt;p&gt;para5&lt;/p&gt;
    &lt;p&gt;para6&lt;/p&gt;
    &lt;p&gt;para7&lt;/p&gt;
    &lt;p class="break"&gt;para8&lt;/p&gt;
    &lt;p&gt;para9&lt;/p&gt;
    &lt;p&gt;para10&lt;/p&gt;
    &lt;p&gt;para11&lt;/p&gt;
    &lt;p&gt;para12&lt;/p&gt;
    &lt;p class="break"&gt;para13&lt;/p&gt;
    &lt;p&gt;para14&lt;/p&gt;
    &lt;p&gt;para15&lt;/p&gt;
    &lt;p&gt;para16&lt;/p&gt;
&lt;/div&gt;
</code></pre>

<p>i want to get an array like this:</p>

<p>//arr[0]</p>

<pre><code>&lt;p&gt;para1&lt;/p&gt;
&lt;p&gt;para2&lt;/p&gt;
&lt;p&gt;para3&lt;/p&gt;
&lt;p class="break"&gt;para4&lt;/p&gt;
</code></pre>

<p>//arr[1]</p>

<pre><code>&lt;p class="break"&gt;para4&lt;/p&gt;
&lt;div&gt;img&lt;/div&gt;
&lt;p&gt;para5&lt;/p&gt;
&lt;p&gt;para6&lt;/p&gt;
&lt;p&gt;para7&lt;/p&gt;
&lt;p class="break"&gt;para8&lt;/p&gt;
</code></pre>

<p>//arr[2]</p>

<pre><code>&lt;p class="break"&gt;para8&lt;/p&gt;
&lt;p&gt;para9&lt;/p&gt;
&lt;p&gt;para10&lt;/p&gt;
&lt;p&gt;para11&lt;/p&gt;
&lt;p&gt;para12&lt;/p&gt;
&lt;p class="break"&gt;para13&lt;/p&gt;
</code></pre>

<p>//arr[3]</p>

<pre><code>&lt;p class="break"&gt;para13&lt;/p&gt;
&lt;p&gt;para14&lt;/p&gt;
&lt;p&gt;para15&lt;/p&gt;
&lt;p&gt;para16&lt;/p&gt;
</code></pre>

<p>sorry for my english , how can i get this array? or with jQuery?</p>
