jQuery - Traversing the DOM
<p>Here is my HTML:</p>

<pre><code>                    &lt;li&gt;
                        &lt;div class="menu_inner"&gt;
                            &lt;a href="#"&gt;
                                &lt;div class="button"&gt;&lt;img class="486" src="images/portalbutton.png" /&gt;&lt;/div&gt;
                                &lt;div class="prod_description"&gt;&amp;nbsp;&lt;/div&gt;
                            &lt;/a&gt;
                        &lt;/div&gt;
                    &lt;/li&gt;
</code></pre>

<p>I want to add a .click() function to .prod_description, the click event should take the background colour applied in CSS from the li element.</p>

<p>Using this code:</p>

<pre><code>$(".prod_description").mousedown(function() {
    $('#toolbar').css('background-color', $(this).parent().css('background-color'))
})
</code></pre>

<p>I dont seem to be able to get the correct <code>$(this).parent()</code> combination....</p>
