title: differentiate the clicks between parent and child using javascript/jquery
body: <p>I have 2 elements nested called blanket and blanket-content and I want to recognize the clicks done to the parent alone.</p>
  
  <pre><code>&lt;div id="blanket"&gt;
      &lt;div id="blanket-content"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The issue that I'm having is that when I'm clicking the child it is triggering the parent on click. I've tried different methods yet I was unsuccessful.
  I have tried these to play around with my code;</p>
  
  <pre><code>$('#blanket').on('click', function(ev) {
      alert(ev.currentTarget.id); //
  });
  </code></pre>
  
  <p>^ This triggers the click on div as normal and state the parent id even when the child is clicked.</p>
  
  <pre><code>$('#blanket-content').on('click', function(ev) {
          alert(ev.currentTarget.id);
  });
  </code></pre>
  
  <p>^ This doesn't trigger anything</p>
  
  <p>What I want to achieve is when I click on blanket-content nothing will happen, but when I click on blanket I want to do something.</p>