Propagated event object is missing properties?

Propagated event object is missing properties?


This object was passed to my click event handler. Why are so many properties missing? The click event came from an <a> in a <li>, propagated down to the <ul> on which the handler was set.

If I click on the <ul>, the event object looks "normal".

Please help, this is very confusing to me :)

Edit:

$ul.delegate('a', 'click', function(e){}); doesn't fire. What could cause this?

Edit 2:

  1. component.$element.find('a').click(function(e){
  2.     console.debug('a', e);
  3. });
  4. component.$element.find('li').click(function(e){
  5.     console.debug('li', e);
  6. });
  7. component.$element.click(function(e){
  8.     console.debug('ul', e);
  9. });
     
Only "a" and "ul" fires. Shouldn't "li" fire also?

component.$element is the <ul>.
component.$element.find('li') works, double-checked with Firebug.

The HTML is UL -> LI -> A