title: a element in nested divs, jquery events not working
body: <p>i want to use an event of an anchor element in some nested div's but something is not working in my code.</p>
  
  <p>i tried hundreds of variations on that selector but it still does not work.</p>
  
  <p>html code:</p>
  
  <pre><code>&lt;div class="tabContents"&gt;
    &lt;div class="thumbArea"&gt;
    &lt;a href="#"&gt;
      &lt;img src="foo" alt="baba"/&gt;
    &lt;/a&gt;
    &lt;/div&gt;
    &lt;div class="imageArea"&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>$(function(){
  
    $(".tabContents a").hover(function() {
    alert("just work!");
    });
  
  }); 
  </code></pre>