Trigger a click event on an inner element
A row in a table where each first cell contains a link needs to be clicked and open a url. <table> <tr> <td><a class="fancybox" href="detail.aspx?CID=67525">LT5C260A436C41</a></td> <td>more data</td> </tr> <tr> <td><a class="fancybox" href="detail.aspx?CID=17522">LA5C260D436C41</a></td> <td>more data</td> </tr> ... </table> The complete row should be clickable instead of only the link top open the detail page in a fancybox , ie in the page itself. So I tried to do something like this: $("table tr").bind('click',function(e) { e.stopPropagation(); $(this).find("a").trigger('click'); }); But it