title: Jquery hover on elements with children
body: <p>I have this code:</p>
  
  <pre><code>&lt;div class"classNameFather"&gt;
      &lt;div class="className"&gt;
          &lt;div class="className"&gt;
               &lt;div.... (unlimited elements)
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  $('.className').hover(function() {
      //do hover stuff
  }, function() {
      //do mouseout stuff
  });
  
  $('.classNameFather').hover(function() {
      //do hover stuff
  }, function() {
      //do mouseout stuff
  });
  </code></pre>
  
  <p>So what I'm trying to do is when i'm hover the last element or second or third... all the parents are not hover....</p>
  
  <p>Only the first element has a diferent class name and there is no limit for children....</p>
  
  <p>Thanks</p>