here is my Testcode:

2. <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
3. <table id="idTable" border="1">
4. <tbody>
5. <tr>
6. <td>foo</td>
7. <td>bar</td>
8. </tr>
9. <tr>
10. <td>foo</td>
11. <td>bar</td>
12. </tr>
13. </tbody>
14. </table>
15. 
    
16. <script language="javascript" type="text/javascript">
17. $('#idTable').delegate('tbody > tr > td:nth-child(1)', 'mouseup', function(event)
18. {
19. alert('clicked td');
20. return false;
21. }
22. );
23. $('#idTable').delegate('tbody > tr', 'click', function(event)
24. {
25. alert('clicked tr');
26. return false;
27. }
28. );
29. </script>

My expected outcome is:

1) click on any foo alert "clicked td"

2) click on any bar alert "clicked tr"

Real outcome is:

1) click on any foo alert "clicked td" AND "clicked tr"

2) click on any bar alert "clicked tr"

in the documentation i found

To cancel a default action and prevent it from bubbling up, return false

This does not work for me.

Can anyone help me?

thx Mike