如何附加可点击的div

Question

我试图用一个按钮附加一个div，这样当它被点击时我可以执行一个函数。

我目前正在追加这样的div。

$('.window').append('<div class="message messageUser2"><div class="bubble bubbleUser"><p class="chatText"><div class="chat-input"><textarea type="text" class="inputChatText" id="message" name="message" placeholder="enter your message" data-required/></div></p><img type="button" class="test" src="img/up.png"></img></div></div>');

它附加，一切看起来都在页面上但是当我点击按钮/ img时没有任何反应。对于初学者我只是试图控制日志点击，但最终想要一个功能运行，但不能这样做，直到它可点击。

$('.test').on('click', function() {
console.log("The test button was clicked");
});  

正如你在这里看到的，它甚至可以根据控制台进行追加

在我追加它之后，任何人都有任何关于我需要做些什么来实际让它成为可点击事件的想法？感谢