$(document).ready(function() {
  // This is called after the document has loaded in its entirety
  // This guarantees that any elements we bind to will exist on the page
  // when we try to bind to them

  // See: http://docs.jquery.com/Tutorials:Introducing_$(document).ready()
});

$(document).ready(function() {
  $("#insert-li").on('click', function(event) {
    $("#list").append("<li><a class='derp-link' href='http://iluvisis.com'>derp-element</a></li>");
  });

  $("ul").on('click', function(event) {
    event.preventDefault();
    console.log("event bubbling saved the day");
  });
});

Add JS to demo event bubbling for JULIA CASTRO