Jquery class click event calls multiple times -

i trying append image class (menuselector) in jquery , writing functionality on click of class.

$("<div>").addclass("node").append($("<img>", { src: menuimg, class: "menuselector" }))                                  .data("tree-node", nodecount)                                  .append($nodecontent);  $('.menuselector').live("click",function (event) {      alert('i clicked');     }); 

now problem class click event calls in loop every image item found.

html:

<div class="node" style="cursor: n-resize;"> <img src="/grouptree/styles/pointer.gif" class="menuselector">group 1</div>  <div class="node" style="cursor: n-resize;"> <img src="/grouptree/styles/pointer.gif" class="menuselector">group 2</div> 

i think, if closed image tag, may problem solve not closing :(

i tried:

.append($("<img/>", { src: menuimg, class: "menuselector" })) , .append($("<img/>", { src: menuimg, class: "menuselector" },"</img>")) , .append($("<img/>", { src: menuimg, class: "menuselector" })).append($("</img>")) 

but didn't work.

try use this that:

$('.menuselector').on("click",function (event) {     console.log(this); // - add action     $(this).hide(); // test ))  });