Динамически созданный элемент не откликается на событие

[Женя32]

Здравствуйте!
Подскажите, пожалуйста, почем динамически созданный элемент не откликается на событие click?

$("a.addElem").click(function(){
   var element = document.querySelector('div[data-name="mess-out"]');
 
   var newElement = '<div id="message" class="lkkyggg"> <ul class="khtgedd"><li>                      <p> Hello world </p></li> </ul> </div> <br /> <a class="addElemTwo" href="#">Добавить еще один элемент</a>';
   element.insertAdjacentHTML( 'beforeend', newElement );
    
   $("a.addElem").hide();
});
$(".dClass > a.addElemTwo").click(function(){ 
   var element = document.querySelector('div[data-name="mess-out"]');
 
   var newElement = '<div id="mess" class="lkkyggg"> <ul class="khtgedd"><li><p> Hello world 2</p></li> </ul> </div>';
   element.insertAdjacentHTML( 'beforeend', newElement );
    
   $("a.addElemTwo").hide();
});

https://jsfiddle.net/z9q3kn6w/1/

[ADSoft]

и не должен...
почитайте про делегирование
в вашем случае нужно

$("body").on('click','a.addElem',function(....)})