title: Bootstrap Modal closes on submit
body: <p>I've been searching for a while for a solution to this issue, but nothing seems to be working... I have a form within a modal from bootstrap, and I need to perform validation on the form before submitting. On submission it just goes to another page, simple. </p>
  
  <p>But when the validation fails, what I want is for the modal to <strong>not</strong> close, the form will not submit (already in place), and then I have some jquery-ui effects on the form fields. I've tried things like:</p>
  
  <pre><code>$('#modalDiv').modal('show');
  </code></pre>
  
  <p>when validation returns false, or adding that to that modal's hide.bs.modal event, but it just wigs out, goes away, and leaves the backdrop in place...?</p>
  
  <p>Could there be some kind of conflict between bootstrap and jquery-ui? I'm surprised there isn't a simple way of disabling modal close on form submit, but I guess I'm not the first one to get into that debate lol. Any suggestions??</p>