Вот мой HTML:

    
      
           
         MaleFemale   
        ...ETC
    


<a href="#" id="addRow"> Add another family member<p></p></a>

И это мой JQuery:

    $(document).ready(function(){
        $('#addRow').click(function(){
            $("#extraPerson").slideDown();
         });
    })

#ExtraPerson скрыт в css.

Это добавляет div, когда ссылка нажата. Тем не менее, я хочу, чтобы он продолжал добавлять один и тот же div каждый раз при нажатии на ссылку. Как мне это сделать? Еще лучше, если он добавляет число к имени ввода формы. Например, имя3, имя4 и т. Д.