title: jquery: keep <a> link clickable in clickable div
body: <p>What I want to do is prevent the click on the div if a users clicks a link inside that div.
  but without using the .click(function() {}); on the  link.</p>
  
  <p>Here's the code:</p>
  
  <pre><code>$('div.feature').click(function() { window.location = $(this).attr('rel');});
  </code></pre>
  
  <p>here's an example content of the div:</p>
  
  <pre><code>&lt;div id="feature" rel="urlnumberone"&gt;
  some text
  &lt;a href="javascript:topicchange(this);" class="insideLink"&gt;Link&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And for some specific reason <strong>I can't use</strong> something like this</p>
  
  <pre><code>$('.insideLink').click(function(event){
      event.stopImmediatePropagation();
  });
  </code></pre>
  
  <p>I have to use this "topicchange()" function, is there any way to prevent the event propagation?</p>
  
  <p>Thanks!</p>