Applying events to the newly created Divs in JQuery

Question

Hi, I m working in Jquery..Since i m new to JQuery .i m having a doubt tat i have created a DIV inside that DIv i have one label and a Textbox..What i m trying to do is on clicking on that Generated Div , i need to show some existing value... But when i m clicking my DIv i kept an alert to check is that click event working.But that click not working... So, please suggest would the new created Divs are not allowed to Event clicking????? My code is,

     $("<div id=field></div>").appendTo("#displayPanel");
   $("<label id=labelstr>untitled1</label>").appendTo("#displayPanel #field");
   $("<input id=inputstr type= 'text' ></input>").appendTo("#displayPanel #field");

 $("#displayPanel #field").click(function (){alert("div clicked");});

Answer 1

There's nothing that would prevent a new div element from being clicked. And in fact, I would suggest that something else on the page is preventing it from working (maybe a duplicate ID?)

Your code works just fine in isolation.

Answer 2

You want the jQuery live function

It allows you to add events to elements that are loaded after the DOM finishes loading.