title: jQuery $(this).next() not working as expected
body: <p>I am attempting to create a simple dropdown that is triggered by a hover event.  To save on writing code I want to take advantage of the $(this) selector but I keep running into a problem when I try to target $(this) next 'a' element.  Does anyone know the correct way to code this while still using the $(this) selector? </p>
  
  <p>In the below code if I change $(this).next('a') to $('.base a') the code works fine but then I would have to write the same block of jQuery code for each time I want to use this feature using a different class selector each time.</p>
  
  <p>Jquery code:</p>
  
  <pre><code>var handlerIn = function() {
  var t = setTimeout(function() {
          $(this).next('a') &lt;==== Problem is here
          .addClass('active')
          .next('div')
          .animate({'height':'show'}, {duration:'slow', easing: 'easeOutBounce'});
  }, 400);
  $(this).data('timeout', t);   
  } ;
  
  var handlerOut = function() {
  clearTimeout($(this).data('timeout'));
  $(this).next('a') &lt;==== Problem is here
    .removeClass('active')
    .next('div')
    .slideUp();
  
  };
  
  $('.base').hover(handlerIn, handlerOut); 
  </code></pre>
  
  <p>HTML code:</p>
  
  <pre><code>&lt;div id="info" class="base"&gt;
  &lt;a href="#" id="info-link" title=""&gt;&lt;/a&gt;
          &lt;div id="expanded-info"&gt;
                 &lt;!-- Stuff here --&gt;              
           &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So I also tried with no luck...any ideas:</p>
  
  <pre><code>var handlerIn = function(elem) {
  var t = setTimeout(function() {
          $(elem).next('a') 
          .addClass('active')
          .next('div')
          .animate({'height':'show'}, {duration:'slow', easing: 'easeOutBounce'});
  }, 400);
  $(elem).data('timeout', t);   
  } ;
  
  var handlerOut = function(elem) {
  clearTimeout($(elem).data('timeout'));
  $(elem).next('a') 
    .removeClass('active')
    .next('div')
    .slideUp();
  
  };
  $('.base').hover(handlerIn($(this)), handlerOut($(this)));
  </code></pre>