Bootstrap: почему модальное окно не отображается, если кнопка* находится внутри какой-то формы?

Question

[oe24y]

* - имеется в виду кнопка, по которой показывается модальное окно.
Вот код кнопки (из руководства Bootstrap):

<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
  Launch demo modal
</button>

Что пробовал:
• Повесить обработчик клика и написать:
$('#myModal').modal('show');
Ничего по-прежнему не происходит

• В консоли Chrome ввести строку:
$('#myModal').modal('show');
В этом случае модальное окно появляется.

Используемый JQuery - 2.1.0

Answer 1

[Yuri Morozov]

Если вне формы работает, тогда вероятно onsubmit перехватывает раньше.

Comments

[oe24y]

@metamorph Кнопка submit вообще не нажимается.

[Yuri Morozov]

@oe24y вот это поворот.
"Вообще не нажимается" - это в смысле Вы ее не нажимаете? так хром любит сабмитить вообще по любой кнопке внутри формы.

(если имелось в виду, что кнопка submit тупо не работает, тогда точно совершенно перехватчик событий стоит)