title: Get Bootstrap validation to fire before onclick event
body: <p>I can't believe that this hasn't been answered before but I cannot find an answer if it has.</p>
  
  <p>I have the following form:</p>
  
  <pre><code>&lt;form class="form-inline" role="form"&gt;
      &lt;div class="form-group"&gt;
          &lt;input type="email" class="form-control" id="emailAddress" placeholder="Enter your email address" required&gt;
      &lt;/div&gt;
      &lt;button type="submit" class="btn btn-warning btn-lg" id="inviteme"&gt;Invite Me!&lt;/button&gt;
  &lt;/form&gt;                 
  </code></pre>
  
  <p>If I click the submit button the validation works fine. However, if I add the following:</p>
  
  <pre><code>$("#inviteme").on('click', function () {
      //do something here;
  });
  </code></pre>
  
  <p>Then the validation doesn't fire.</p>
  
  <p>Is there a way to call the validation from the onClick event or another way of ensuring that the validation gets called before the click event is processed?</p>