title: Make a link usable inside row with a jquery trigger on the <TR>
body: <p>I have a table, in the ROWS ( elements) I have a class that triggers a modal popup via jquery.</p>
  
  <p>So if you click in any element in the table the modal pops up.</p>
  
  <p>The problem im trying to solve here is: That in a column I have the name of the person/s, and that name is a link to the profile of this person/s, but when I click the name of the person, the modal pop ups and so, the href/link does not work.</p>
  
  <p>Is there any clean solution with just html/css (Like z-index, or position, or maybe element position)? Or I will have to use js/jquery to solve it?</p>
  
  <p>Simple example:</p>
  
  <pre><code>&lt;tr class="popup-trigger"&gt;
   &lt;td&gt; title &lt;/td&gt;
   &lt;td&gt; &lt;a href="XXX"&gt; Person &lt;/a&gt; &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>Thanks in advance.</p>