Target ID for Div not propagating

Question

With a table inside a div, I thought the target ID would propagate up when I try to find what target triggered the click event. Instead nothing is returned when I click inside the table. I would like to know the id of the div containing the table.

http://jsfiddle.net/UWm46/

$(document).click(function(event) {
alert("Target ID: " + event.target.id);   
});

<div id='box3'>
box 3
<table><tr><td>table 3</td></tr></table>
</div>

Answer 1

You'd want to use .closest().

$(event.target).closest('div').attr('id');

Here is an demo: http://jsfiddle.net/UWm46/3/

Answer 2

When you click the "table 3" text, the target is the td, and the td doesn't have an ID.

to get the closest ancestor with an id, you could use this:

http://jsfiddle.net/g6S65/

$(event.target).closest('[id]').attr('id')