title: jQuery, click element inside clickable element
body: <p>I have HTML syntax as followed :</p>
  <pre><code>&lt;table&gt;
    &lt;tr&gt;
      &lt;td id=&quot;click1&quot;&gt;
        &lt;a href=&quot;somelink.html&quot; id=&quot;click2&quot;&gt;
          here's the link
        &lt;/a&gt;
      &lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  <p>and I have jquery syntax like this</p>
  <pre><code>$('td#click1').ajaxify();
  $('a#click2').fancybox();
  </code></pre>
  <p>My problem is, if I click the <code>#click2</code> then the <code>#click1</code> is selected too.</p>
  <p>How can I make it only select <code>#click2</code> without calling <code>#click1</code>?</p>