How to append html to the last paragraph of a class in jquery?
<p>I have a page with several .desc divs. I want to add some html to the last paragrahs within these divs.</p>

<p>I have tried this..</p>

<pre><code>$(".desc p:last").append(" &lt;span class='orange readMore'&gt;Read More&lt;/span&gt; &lt;span class='orange readLess'&gt;Read Less&lt;/span&gt;");
</code></pre>

<p>However this just adds it to the last paragraph of that div in the whole page. Not to each last paragrapgh within .desc div. If this makes sense...</p>

<pre><code>&lt;div class="desc"&gt;

                &lt;p&gt;Description1&lt;/p&gt; 
            &lt;/div&gt;
&lt;div class="desc"&gt;
                &lt;p&gt;Description2 &lt;span class="orange readMore" style="display: inline; "&gt;Read More&lt;/span&gt; &lt;span class="orange readLess" style="display: none; "&gt;Read Less&lt;/span&gt;&lt;/p&gt; 
        &lt;/div&gt;
</code></pre>
