title: stop click event propagation when clicked inside anchor tag on a div
body: <p><strong>DESCRIPTION :</strong></p>
  
  <p>I have the following HTML</p>
  
  <pre><code>&lt;a href = "go some where"&gt;
  
  &lt;div onclick = "myfunc1(....)"&gt;CLICK ME A&lt;/div&gt;
  
  &lt;div onclick = "myfunc2(....)"&gt;CLICK ME B&lt;/div&gt;
  
  &lt;/a&gt;
  </code></pre>
  
  <p>Now when I click the first div the anchor tag gets fired same goes for the second div .. I want to be able to click any div inside the anchor tag and it should just call the function assigned to it ...</p>
  
  <p>if and only if I dont click on any div but the whole other area anchor tag has then it should take me to the page href has... </p>
  
  <p><strong>What Have I Tried :</strong></p>
  
  <pre><code>$(".add_this_person").on("click", "a", function (e) {
      e.preventDefault();
  } ); // where add_this_person is a class of both divs
  </code></pre>