title: Stop Propagation not working for link inside clickable div
body: <p>I've got a link that needs to be clicked situated inside a div that already has a function on click which I've emulated <a href="http://jsfiddle.net/Newtt/snr9D/1/" rel="nofollow noreferrer">here</a>.</p>
  <p>Now in my code, the link that needs to be clicked has class <code>remove-tag</code> which is injected on running the script to the outer element <code>search-box</code>.</p>
  <p>Referencing the earlier SO question of:</p>
  <h2><a href="https://stackoverflow.com/questions/5549840/jquery-keep-a-link-clickable-in-clickable-div">jquery: keep &lt;a&gt; link clickable in clickable div</a></h2>
  <p>I applied similar logic to my code here:</p>
  <pre><code>$('.remove-tag').click(function(event){
      event.stopImmediatePropagation();
      $(this).parent().remove();
  });
  </code></pre>
  <p>I also tried <code>event.stopPropagation();</code>, but this doesn't work and clicking on the link still performs the function of the outer div which is technically a drop down sort of system.</p>