click - プリペンド後にクリックイベントハンドラーが機能しない

Question

要素を新しいコンテンツの先頭に追加するときに、特定のセレクターでトリガーされないクリック イベント ハンドラーがあります。セレクターは . セレクターを「img」に変更すると、ハンドラーはすべての画像でトリガーされますが、トリガーしたい画像ではトリガーされません。私のコードはすべて機能しているようで、これを理解できないようです。

//image to use throughout markup        

 var checkmark = '<img class="checkmark" src="mazihealth/My Images/checkmark2.jpeg" />'

//prepend image to existing content

$('.bjqs-caption').prepend(checkmark);
$('.bjqs-caption2').prepend(checkmark);


//click method on prepended image. works here.

$('.checkmark').click(function() {
var currimg = $('li.bjqs-slide').filter(function() {
      return this.style['display'] == "list-item"}).find("img").data('score');
      console.log(currimg); 
});

//change images/content and prepend.

 $('#cat').click(function() {
$(images.eq(0)).attr({
    'src':"mazihealth/My Images/catBCS5.jpg",
    }).siblings().html(catcontent.eq(0).html());

$('#image1').siblings().append('<p class="bjqs-caption2">'+ (cathover.eq(0).text()) + '</p>');

$(images.eq(1)).attr({
    'src': "mazihealth/My Images/catbcs7.jpg",
    }).siblings().text(catcontent.eq(1).text());

$('#image2').siblings().append('<p class="bjqs-caption2">'+ (cathover.eq(1).text()) + '</p>');

$(images.eq(2)).attr({
'src': "mazihealth/My Images/catBCS9.jpg",
}).siblings().text(catcontent.eq(2).text());

$('.bjqs-caption').prepend(checkmark);
    $('.bjqs-caption2').prepend(checkmark);

});

//click event handler on prepended image not working after changing content/images.

$('.checkmark').click(function() {
var currimg = $('li.bjqs-slide').filter(function() {
  return this.style['display'] == "list-item"}).find("img").data('score');
  console.log(currimg);
});