Как при дополнении строк таблицы с помощью JQuery заставить работать события?

Есть некая таблица, в которую необходимо при нажатии на кнопку добавлять новую строчку, делаю это вот так:

$('#add_row').click(function(){
     $('#punct_spec').append('<tr><td><img class="del_punct"/></td></tr>');
})

Далее есть события:

$('.del_punct').mouseenter(function(){
      $(this).attr('src', 'img/del_png_red.png');	
});
		
$('.del_punct').mouseout(function(){
     $(this).attr('src', 'img/del_png.png');	
});

Суть в том что на форме созданной статически с помощью HTML события срабатывают, а на добавленных вышеописанным способом строчках не хотят работать