Как правильно добавить кнопку в форму?

Question

[makedonets]

Добрый день. Есть форма на сайте, создана с использованием jquery.steps и jquery.validation. Внутри формы есть кнопка, при нажатии на которую добавляются еще поля.

$("#add").click(function() {
    $("#table_container").append('	<label>Услуга*<br><input type="text" name="service1[]" /></label>	<label>Цена*<br><input type="text" name="price1[]" required/></label>');
});

Сама кнопка имеет такой вид

<button class="btn1" id="add">Добавить услугу</button>

При нажатии на кнопку просходит попытка отправки формы, вместо добавления полей.
Как можно подправить?

Answer 1

[Александр]

$("#add").click(function(e) {
    e.preventDefault();
    $("#table_container").append('<label>Услуга*<br><input type="text" name="service1[]" /></label>	<label>Цена*<br><input type="text" name="price1[]" required/></label>');
});

Comments

[makedonets]

не помогло, пытается так же отправить форму

[Александр]

makedonets, Сделайте "добавить услугу" ссылкой, а не кнопкой.

[makedonets]

Александр, не совсем понимаю как правильно сделать, не могли бы вы подсказать?
Поставил вот так,

<a href=# class="btn1" id="add">Добавить услугу</a>