Как заставить работать блок реагировать на клик блок вставленный кодом JQuery?

Question

[Алекс Сокол]

Как заставить работать блок реагировать на клик блок вставленный кодом JQuery?
например:

(function($){
				var i=0;
				$(".a").on("click",function(){
					i++;
					$(".as").append('<div id="gh" class="jk'+i+'" style="border:1px solid #fff;color:#fff;background: #000;width:100%;height: 50px;" >YfНапр</div>');
				})
   				$("#gh").on("click",function(){
   					alert("ok");
   				})
   				})(jQuery);

как заставить блок с #gh чтобы выскочил алерт
такое же и с аякс загруженными блоками

Comments

[Сергей delphinpro]

Либо навешивать событие на каждый добавленный узел,
либо слушать всплывающие события на постоянно присутствующем родителе (делегирование событий)

Второе:

<div class="parent">
  <a href="#">Dynamically added link</a>
</div>

$('.parent').on('click', 'a', function(){
  alert('Cliked!');
});

Answer 1

[GreatRash]

Читайте про делегирование событий.

Comments

[Алекс Сокол]

да,видимо здесь собака зарыта,читаю

Answer 2

[fedornabilkin]

Может версия jQuery устарела? Не уверен, но возможно надо код заключить в document.ready