jQuery append current div
<p>I have an outter div <code>.listingContainer</code>, I have about 10 of these on the page all with different content in them. When I click the inner div <code>.saveCompare</code> I want to get the html off all the <code>.listingContainer</code> using jQuery <code>var htmlStr = $(this).html();</code></p>

<p>I am finding it difficult getting the html of the clicked div, I tried .parent and such and it does not seem to work.</p>

<p>Would be grateful if someone point me to the correct dom call, thanks.</p>

<pre><code>            &lt;div class="listingContainer grid_9 alpha omega"&gt;
                &lt;a class="listContent" href="adContent.html"&gt;
                    &lt;div class="listingWrapper"&gt;
                        &lt;div class="grid_8 alpha omega"&gt;
                            &lt;div class="listingContent"&gt;
                                &lt;div class="imgHolder"&gt;
                                    &lt;img src="imgs/cars/SearchThumb-10053319.jpg" width="100" height="75"&gt;
                                &lt;/div&gt;
                                &lt;div class="descHolder"&gt;
                                    &lt;div id="doneDeal"&gt;&lt;/div&gt;
                                    &lt;h3&gt;Fancy Car&lt;/h3&gt;&lt;div class="saveCompare"&gt;&lt;strong&gt;+&lt;/strong&gt; Compare&lt;/div&gt;
                                    &lt;p&gt;Lorem ipsum dolor sit amet, pri ex duis maiorum commune, illud viderer suscipiantur eam an. Dolorum recteque qui in. Pro inani nulla tacimates ex, qu&lt;/p&gt;
                                &lt;span class="listingPrice"&gt;&lt;strong&gt;€4,000&lt;/strong&gt;&lt;/span&gt;
                                &lt;span class="listingDate"&gt;Listed: &lt;strong&gt;Today&lt;/strong&gt;&lt;/span&gt;
                                &lt;span class="listingLocation"&gt;Co. Waterford&lt;/span&gt;
                                &lt;span class="listingViews"&gt;Viewed: 20 Times&lt;/span&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div class="goTo goTo_unfocus grid_1 alpha omega"&gt;
                            &lt;div class="gotoWrapper"&gt;
                                Click to View
                                &lt;div class="imgVeiw"&gt;&lt;/div&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;&lt;!--End listingWrapper--&gt;
                &lt;/a&gt;
            &lt;/div&gt;
</code></pre>
