Why is it that the Jquery click event is not functioning on newly inserted elements?

edit

This is because the click event is bound when the page initializes and does not automatically apply to new elements added later on. To overcome this issue, you can use event delegation by attaching the event to a parent element that exists when the page loads, and then specifying the target element using a selector. This ensures that the event will be triggered even if the target element is added dynamically in the future. The syntax for event delegation using the .on() method in jQuery is as follows:

$(document).on('click', '.target-element', function() { // Code to be executed when the target element is clicked });

In this example, the click event is attached to the document element and delegated to any element with the class 'target-element' that is clicked.