title: $(document).on('click', selector, function() ) combined with :not
body: <p>I've got several list items, when I click on the item I want the browser to redirect to ".title > a" link (href). But I don't want any event on the "notThis" selector.</p>
  
  <p>see the example 
  <a href="http://jsfiddle.net/VTGwV/29/" rel="nofollow">http://jsfiddle.net/VTGwV/29/</a></p>
  
  <pre><code>&lt;div class="item"&gt;
  &lt;div class="title"&gt;
      &lt;a href="www.jsfiddle.net"&gt;jsfiddle.net&lt;/a&gt;     
  &lt;/div&gt;
  &lt;div&gt; djføljdsaføljdsf a&lt;/div&gt;
  &lt;div&gt; djføljdsaføljdsf a&lt;/div&gt;
  &lt;div&gt; djføljdsaføljdsf a&lt;/div&gt;
  &lt;div class="notThis"&gt;
      &lt;a href="/test.html"&gt;link1 &lt;/a&gt;
      &lt;a href="/test2.html"&gt;link2&lt;/a&gt;                
  &lt;/div&gt;
  </code></pre>
  
  <p>​</p>
  
  <p>script</p>
  
  <pre><code>​$(document).on('click', '.item', function(event) {
      window.location.href = $(event.currentTarget).find('.title &gt; a').attr('href');        
  });​
  </code></pre>
  
  <p>I've tried :not('.notThis') without any luck. </p>
  
  <p><strong>Changes</strong>
  Thanks for all the answers, but I found another problem. If I have a event handler on the whole item , I can't manage to click on the link in "notThis" selector, because it returns only "false". Isn't there a way to use .not / :not combined with $(document).on('click', -------)</p>