Hello, I'm working on a form that allows the user to click an "Add an Item" button in order to add another item to their order. When this button is clicked, I have jQuery add another couple of fields to the form, so the user can input the data. Along with the added form fields, a "Remove This Item" button is also added to the DOM. All of this portion works nicely. It's the reverse that I'm having trouble with.
What I'm trying to do is to call empty() on the container of the clicked "Remove This Item" button (actually, an anchor). I am getting no errors at all in FireBug, but when the anchor is clicked, the jQuery script is completely ignored and the browser follows the link. So, my question is: does jQuery support manipulation of an element that has been added to the DOM via Javascript? I would assume that it does, but I'm not understanding why my "remove" function (code below) is being ignored. $("a.remove-item").click(function() { var splt = $(this).attr("id").split("-"); var n = splt[1]; $("#container-" + n).empty(); return false; }); Thanks in advance, Matt