IE неправильно воспринимает HTML <button>как кнопку отправки

Question

У меня есть две кнопки HTML;один отправляет форму, а другой закрывает диалоговое окно контейнера.Кнопка, закрывающая ее, не имеет атрибута type:

<button type="submit">Submit</button>
<button class="closeDialog">Close</button>

JavaScript выглядит следующим образом:

$(".closeDialog").live("click", function(event) {
  event.preventDefault();
  $(this).parents(".dialog").dialog("close");
});

$("form.myClass").live("submit", function(event) {
  event.preventDefault();
  // submits the form here . . .
});

Все это хорошо работает в любом браузере, кроме IE.В IE, когда кто-то нажимает кнопку «Закрыть», выполняются оба вышеописанных события JavaScript, но должен работать только обработчик события .closeDialog.

Кажется, что IE обрабатывает элемент как кнопку отправки, независимо от его type attribute.

Как обойти эту неверную интерпретацию в IE?

Answer 1

На втором попробуйте: <button type="button">

Answer 2

Попробуйте:

<input type='button' />

В большинстве случаев это будет работать с IE.