Delegated event is fired twice

[tenbits]

Assume the markup:

<ul>
    <li> <div> foo </div> </li>
</ul>

and the javascript:

$('ul').on('click', 'li', function(event){
    console.log(event.currentTarget.tagName);
})

Should log only once the LI, but it comes twice: first DIV, then LI

Cheers