jQuery - get first paragraph
<p>I have the following code</p>

<pre><code>&lt;div class="side-box"&gt;
    &lt;h1&gt;Main Title&lt;/h1&gt;
    &lt;h2&gt;Secondary Title&lt;/h2&gt;
    &lt;p&gt;
        This is paragraph 1&lt;br&gt;&lt;br&gt;
        This is paragraph 1&lt;br&gt;&lt;br&gt;
        This is paragraph 3&lt;br&gt;&lt;br&gt;
&lt;/div&gt;
</code></pre>

<p>I'm trying to write a jQuery function that will display anything up to the first paragraph and then display the rest when a 'read more' link is clicked.</p>

<p>The content is generated by a WYSIWYG editor, otherwise i'm sure I would be able to create this function myself.</p>
