Вот мой html:
<div id="extraPerson">
<div class="controls controls-row">
<input class="span3" placeholder="First Name" type="text" name="firstname2">
<input class="span3" placeholder="Last Name" type="text" name="lastname2">
<select class="span2" name="gender2"><option value="Male">Male</option><option value="Female">Female</option></select>
...ETC
</div>
</div>
<a href="#" id="addRow"><i class="icon-plus-sign icon-white"></i> Add another family member</p></a>
И это мой jquery:
<script>
$(document).ready(function(){
$('#addRow').click(function(){
$("#extraPerson").slideDown();
});
})
</script>
#ExtraPerson скрыт в css.
Он добавляет div при нажатии ссылки. Тем не менее, я хочу, чтобы он продолжал добавлять один и тот же div каждый раз, когда нажимается ссылка. Как мне это сделать? Еще лучше, если он добавляет число к именам ввода формы. Например, firstname3, firstname4 и т.д.