title: Dynamically copying a set of forms inside a div
body: <p>I am building a invoice web application and need som help. I have a set of forms where the user can add a order when creating a new invoice. Below is a image.</p>
  
  <p><a href="https://i.stack.imgur.com/eH5f8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eH5f8.png" alt="enter image description here"></a></p>
  
  <p>I want to give the user to be able to add as many orders he/she likes. When the user clicks a button named "add more" I want a copy of the div containg the forms to appear below the current.</p>
  
  <p>What is the best way of doing this? Are there any avaible plugins for this type of tasks?</p>