Bootstrap: Why doesn't the modal show up if the button* is inside some form?

Question

JavaScript

* - refers to the button on which the modal window is shown.
Here is the code for the button (from the Bootstrap manual):

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

What I tried:
• Hang a click handler and write: Nothing is still happening • In the Chrome console, enter the line: In this case, the modal window appears. The jQuery used is 2.1.0
$('#myModal').modal('show');

$('#myModal').modal('show');

Answer 1

If outside of the form works, then probably onsubmit intercepts sooner.