Question

I have a form that when submitted calls my AJAX and updates my database,

$(".bill-upd-submit").click(function() {
         var elem = $(this);
         $.post("update_bill.php", elem.parent(".bill-upd").serialize(), function(data) {
         // fade new data in
         elem.closest('li').html(data);
        });

    });

When the form is returned though, my jquery no longer works, Can anybody give me an idea of why?

Answer 1

You are replacing the element that has the event on it. Try using event delegation so that it stays bound.

$("body").on("click",".bill-upd-submit",function(){...});