[jQuery] event.stopPropagation() is preventing a live event on a child element

[jQuery] event.stopPropagation() is preventing a live event on a child element


As far as I understood, stopPropagation() is supposed to stop events
bubbling 'up' though the element tree (through parent elements). Eg.
If I use stopPropagation() on a click event on an anchor element in a
list, the event would not be triggered on the list.
In my code I have a popup div, that needs to have stopPropagation(),
as a click on the document (everywhere other than the popup) will hide
it.
When I add an element to the popup that has a live click event, the
live click event is never called, even though it is a child element of
the popup. Shouldn't the live click get called first? If I remove the
stopPropagation all is well..
some code:
$('#a_test_link').live("click", function(e){
e.preventDefault();
alert('done!');
});
$('#popup').click(function(e){
e.stopPropagation();
});
any help gratefully received