jquery dom insert and selector

Question

How can I catch events (.click()) on dynamically inserted DOM elements after page load using jquery?

This is how it not! works:

   $("#test").click(function(){
        $(this).css("background","#CCCCCC");
   });

   $("#clickme").click(function(){
       $("body").append("<div id=\"test\">My background isn't changeable!</div>");
   });

http://jsfiddle.net/d87ckf1k/3/

Answer 1

$(document).on("click","#test",function(){
        $(this).css("background","#CCCCCC");
   });

http://jsfiddle.net/d87ckf1k/4/