Nested forms, dynamic elements?

Question

JavaScript

There is a form, several elements are nested in it - for example, the founders that need to be added there (the number is unlimited). I used to make a “one more founder” button, by clicking which more fields were added, Now the form is more complicated, and a beautiful solution is needed . Technologies - PHP/jQuery.

Example.

The structure is like this:

поле 1<br/>
поле 2<br/>
<br/>
учредители:<br/>
 учредитель 1: фио1, место регистрации, поле 3, поле 4<br/>
 учредитель 2: фио2, место регистрации, поле 3, поле 4<br/>
 -добавить учредителя (кнопка добавляет еще инпутов)<br/>
поле 3<br/>
поле 4<br/>

Answer 1

mm, it's best to hide the template in the code, and duplicate it, and count the N founders yourself).

Answer 2

On the change event on one of the inputs, check everything - if something is entered in all, then add an empty field?