Question: Below is a list of items that you want to be clickable and an event handler function. How can you assign the event handler to every item in the list in a way that is most performant, and also that ensures that the handler is called even if more items are added to the list programmatically?

  1. `$('.clickable-list').click(listResponder);`
  2. `$('.clickable-list').on('click', 'li', listResponder);`
  3. `$('.clickable-list').on('click, append', listResponder);`
  4. `$('.clickable-list').each(function() { $(this).click(listResponder); });`

Answer: The correct answer of the above question is Option B:`$('.clickable-list').on('click', 'li', listResponder);`