title: preventDefault form submit not working in bootstrap popover
body: <p>I have a bootstrap popover element with a form inside.</p>
  
  <p>I do a <code>preventDefault()</code> when the form is submitted but it doesn't actually prevent the submit.</p>
  
  <p>When I don't use the popover and a modal instead it works perfectly.</p>
  
  <p>Here is my HTML:</p>
  
  <pre><code>&lt;div class="hide" id="popover-content"&gt;
      &lt;form action="api/check.php" class="checkform" id="requestacallform" method="get" name="requestacallform"&gt;
          &lt;div class="form-group"&gt;
              &lt;div class="input-group"&gt;
                  &lt;input class="form-control" id="domein" name="name" placeholder="domein" type="text"&gt;
              &lt;/div&gt;
          &lt;/div&gt;&lt;input class="btn btn-blue submit" type="submit" value="Aanmelden"&gt;
          &lt;p class="response"&gt;&lt;/p&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is my JavaScript file where I create the popup (main.js)</p>
  
  <pre><code>$('#popover').popover({
      html: true,
      content: function() {
          return $("#popover-content").html();
      }
  });
  </code></pre>
  
  <p>And this is where I do my <code>preventDefault()</code> in an other JavaScript file</p>
  
  <pre><code>$(".checkform").submit(function(e) {
      e.preventDefault();
      var request = $("#domein").val();
      $.ajax({
          // AJAX content here
      });
  });
  </code></pre>
  
  <p>Why the <code>preventDefault()</code> isn't working?</p>