​

// Bind an event listener to each

// item in the list (bad)

$('.list-1 li').on('click', callback);

​

// Bind single 'delegate' listener

// to the list and trigger callback

// if event came from an decendent 

// matching the given selector (good)

$('.list-2').on('click', 'li', callback);

​

function callback() {

  alert('With delegate event handlers we get the same functionality with less overhead and more convenience :)');

}