I have a normal form that at first is one form, but when the user clicks on the "#addOne" button, a clone of the previous form is displayed using jQuery. Form data is relayed using Ajax, and when the user clicks to submit the form, the form does not refresh because of e.preventDefault(); The problem is that the dynamically created forms are refreshing the page for some reason. The first form that is not dynamically created does not refresh the page. What is the cause for this? How do I make my dynamically created forms not refresh the page? I have a normal form that at first is one form,