title: Detecting the element clicked on
body: <p>I have a table with <code>tr</code>'s where you can click on.
  These <code>tr</code>'s can contain <code>a</code>'s.</p>
  
  <pre><code>  &lt;tr id="12" href="/guestbook/edit?id=12"&gt;
      &lt;td class="main"&gt;
         &lt;strong&gt;Remi&lt;/strong&gt;
         &lt;a href="mailto:xxx@xxx"&gt;xxx@xxx&lt;/a&gt;
      &lt;/td&gt;
      &lt;td class="date"&gt;05-11-2010 11:34&lt;/td&gt;
      &lt;td class="number"&gt;ip&lt;/td&gt;
    &lt;/tr&gt;
  </code></pre>
  
  <p>This is the jquery code to detect the click on the tr</p>
  
  <pre><code>$('table tr[href]').click(function(e){
     document.location.href = $(this).attr('href');
  });
  </code></pre>
  
  <p>When I click on the e-mail address for example, first my e-mail client opens (which is good) and then the page edit loads (which is bad). Is it possible to detect the element I've clicked on? If it's an A or an TR?</p>