jQuery up one level and .find()
<p>I'm learning jquery and i have this little issue with selectors.</p>

<p>This is my DOM structure:</p>

<pre><code> &lt;li&gt;
   &lt;header class="title"&gt;
     &lt;span&gt;Text&lt;/span&gt;
     &lt;a href="#work-1"&gt;My trigger&lt;/a&gt;
   &lt;/header&gt;
   &lt;div id="work-1"&gt;
     &lt;div class="description"&gt;
       &lt;p&gt;some shit about the work&lt;/p&gt;
     &lt;/div&gt;
     &lt;div class="carousel"&gt;
       &lt;img/&gt;
       &lt;img/&gt;
       &lt;img/&gt;
       ...
     &lt;/div&gt;
   &lt;/div&gt;
 &lt;/li&gt;
</code></pre>

<p>ok. Its a simple list with a lot of links with my works. every item has its description and some pictures that goes on a carousel.</p>

<p>when I click on the link, i want to create a variable in jquery that get the carousel. I write this but it doesnt work:</p>

<pre><code>$('a').click(function(e){
  var href = $(e.target).attr('href');
  // this is to make my div#work toggle from display:none to block.

  var carousel = $(href).find('.carousel');
  // this is the wrong code. I cant reach the carousel from there.
});
</code></pre>

<p>Thanks for help!</p>