jQuery event propagation issue

by MoonScript

HTML

<button class="foo">
Click Me!
</button>

JavaScript

$(document).on('click', function() {
  console.log('one. non-delegated handler.');
});

$(document).on('click', '*', function(e) {
  console.log('two. delegated handler.');
});

$(document).on('click', '.foo', function(e) {
  console.log('three. delegated handler that returns false.');
  return false;
});

$(document).on('click', function() {
  console.log('four. non-delegated handler.');
});