带有onclick命令的ID在插入HTML后未重新定型

Question

这是我的笔-> https://codepen.io/Mike-was-here123/pen/BGNwZO?editors=1010

当您点击卡片（图片）时，您会看到它如何交换为其他HTML

-> https://i.postimg.cc/jS8jT8s0/b82dbfbecc8ecaf4ea1677b47ac89431ac5cc207.png

我在JS的第16行上执行此操作。请注意，在第21行，我在第23行切换之前创建了备份。

现在，当我单击新HTML上的后退按钮时，它应该激活JS行42行（.back）上的onclick代码并加载该备份（在切换之前进行的备份-全局var）。现在由于某种原因，它不会加载甚至反应。为什么？

未运行的onclick命令：

$(".back").click(function () {
    console.log('Is it working???')
    // just a check. The console does not come back with this at all meaning this onclick is not being activated                        
    $("#"+id).html(backup)
    // created a copy of playercard before i changed it
  })

希望这有意义吗？