Can't seem to be able to target nearest div with jQuery
<p>I have the following HTML</p>

<pre><code>&lt;div class="outerBox"&gt;          
   &lt;div class="innerBox"&gt;
        //text
   &lt;/div&gt;
   &lt;div class="clickMe"&gt;
        &lt;span class="icon"&gt;&lt;/span&gt;
   &lt;/div&gt;
&lt;/div&gt;

&lt;div class="hiddenDiv"&gt;//hidden div&lt;/div&gt;
</code></pre>

<p>I need to be able to show(".hiddenDiv") when I click ".clickMe" but for some reason I cen't seem to be able to target it... Tried all sorts of variations but nothing seem to work. Here's the latest:</p>

<pre><code>$(".clickMe").click(function() {        
        $(this).parents().closest(".hiddenDiv").show();
});
</code></pre>
