Динамическое добавление полей при заполнении формы

Иногда необходимо при заполнении формы данных добавить дополнительные поля, после нажатии соответствующей кнопки.
Есть такая группа полей объединенные в блок param , и кнопка для добавления

<div class="param">
	<input type="text" name="status_vendor[]" placeholder="Вендор" >
	<input type="text" name="status_name[]" placeholder="Название статуса">
	<input type="text" name="status_specialization[]" placeholder="Специализация" >
	<input type="text" name="status_year[]" placeholder="Год" >
</div>
<input type="button" value="Добавить статус" id="form_status_added">

В имени поля используются квадратные скобки ([]), это обозначает что будут данные переданы в массив.
Для добавления был написан следующий код, где добавление осуществляется перед кнопкой «Добавить статус»:

$("#form_status_added").click(function () {
	$("<div class='param'><input type='text' name='status_vendor[]' placeholder='Вендор'> <input type='text' name='status_name[]' placeholder='Название статуса'> <input type='text' name='status_specialization[]' placeholder='Специализация'> <input type='text' name='status_year[]' placeholder='Год'></div>" ).insertBefore("#form_status_added");
})

P.S. Для работы скрипта должен быть подключен jquery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

В случае когда есть числовое значение, которое меняется в зависимости от добавления новых полей. Например

<div class="list_year">
	<div class="param">
		<label for="year_2013">2013 год</label>
		<input type="text" id="year_2013" name="year[]"><br>
	</div>
	<div class="param">
		<label for="year_2012">2012 год</label>
		<input type="text" id="year_2012" name="year[]"><br>
	</div>
</div>
<input type="button" value="Добавить год" id="form_year_added">

Нужно добавить еще и элемент для хранения данной переменной. Допустим:

<span id="form_year_number">2013</span>
<style>
#form_year_number {display:none;}
</style>

Т.к. здесь поля расположены в блоке «list_year», то и добавление новых полей можем прописать в конце этого блока.

$("#form_year_added").on("click",function () {
	var number_year = $("#form_year_number").text() -1;
	$("#form_year_number").html(number_year);
	$("<div class='param'><label for='year_" + number_year + "'>" + number_year + " год</label> <input type='text'  id='year_" + number_year + "' name='year[]'></div>" ).appendTo( ".list_year" );
})

Здесь при нажатии на кнопку «Добавить год», берется значение тега #form_year_number, введенного специально для определения последнего добавленного года, уменьшается год на единицу, и прописывается значение это в label и сам input.
Демонстрация рабочего примера:

Прикрепленный файл: form.zip (1.29 Kb)