title: jQuery up one level and .find()
body: <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>