title: Fire event on click on a div except a link
body: <p>I want to fire an event when I click on a div, but i don't want that event to fire if i click on a specific link on that div:</p>
  
  <p>my JS</p>
  
  <pre><code>$("#myDiv").not("#myLink").click(function () {
      alert("clicked");
  });
  
  //Or
  
  $("#myDiv:not(#myLink)".click(function () {
      alert("clicked");
  });
  
  $("body").on('click', '#myLink', function(e) {
      e.stopPropagation();
  });
  </code></pre>
  
  <p>my HTML</p>
  
  <pre><code>&lt;div id="myDiv"&gt;
      &lt;a href="#" id="myLink"&gt;Some link&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is <a href="http://jsfiddle.net/SjDdN/9/" rel="noreferrer">jsfiddle</a></p>
  
  <p><strong>EDIT:</strong> Actually my real code is with "<strong>On</strong>" method, I've already tried stopPropagation but it doesn't work in that case</p>