title: Prevent a modal button to submit the form it is in
body: <p>The issue:</p>
  
  <p>I have Bootstrap modal buttons in a form that open a modal to select data (users and cost types), these buttons are not meant to submit the main form.</p>
  
  <p>When I press the modal buttons the modal opens only when other required fields are empty.
  When the required fields are filled in by a user the form submits (this is not hat I expect).</p>
  
  <p>How can I prevent the form from submitting when trying to open a modal?</p>
  
  <p><code>e.preventDefault();</code> does not prevent the form from submitting.</p>
  
  <p>A jsfiddle can be found here: <a href="http://jsfiddle.net/cagy79/193thboq/" rel="nofollow">http://jsfiddle.net/cagy79/193thboq/</a></p>
  
  <p>Any ideas?</p>