title: Submit button inside modal
body: <p>I have <code>submit</code> button inside a modal. However, this doesn't trigger. How can I get it work.</p>
  <pre><code>$('#test').on('shown.bs.modal', function (event) {
      $('.submit-button').on('submit', function(event) {
          console.log('submit');
      });
  });
  
  
  
  &lt;div class=&quot;modal&quot; role=&quot;dialog&quot; id=&quot;test&quot;&gt;
          &lt;div class=&quot;modal-dialog&quot;&gt;
              &lt;div class=&quot;modal-content&quot;&gt;
                  &lt;div class=&quot;modal-header&quot;&gt;
                      &lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot;&gt;&amp;times;&lt;/button&gt;
                      &lt;h4 class=&quot;modal-title&quot;&gt;TestModal&lt;/h4&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;modal-body&quot;&gt;
                     &lt;h1&gt;Modal Data&lt;/h1&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;modal-footer&quot;&gt;
                      &lt;button type=&quot;button&quot; class=&quot;btn btn-default submit-button&quot;&gt;Click For Modal&lt;/button&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>