jQuery .append() causing unexpected duplication of elements in IE11
I'm learning this framework and I'm experiencing an scenario where using jQuery's .append() method is causing elements to duplicate unexpectedly in Internet Explorer 11. Specifically, I have a list that I am dynamically populating with items based on user input, but when I call .append() to add new items, it's adding them multiple times instead of just once. Here is a simplified example of my code: ```javascript $(document).ready(function() { $('#addItem').on('click', function() { var newItem = $('#newItemInput').val(); if (newItem) { $('#itemList').append('<li>' + newItem + '</li>'); $('#newItemInput').val(''); } }); }); ``` I have confirmed that the `#addItem` button is not triggering multiple clicks because I've added a console log that only outputs once per click. However, in IE11, when I check the DOM after adding an item, I can see that the new list item gets added more than once. I also tried using `.html()` instead of `.append()`, but it completely wipes out the existing list. Is there something specific to IE11's handling of the DOM that I need to consider? Any insights or possible workarounds would be greatly appreciated! The project is a REST API built with Javascript.