title: jQuery click event also fires a submit form button click event
body: <p>I have two different jQuery click actions. One is to launch a modal 'feedback' window, the other is to perform some validation, disable and grey out the form button and finally submit a form.</p>
  
  <p>Both work just fine independently.</p>
  
  <p>The code for the model window is in the main template page as it is used throughout the website. The code that handles the submit event is within the contact page only.</p>
  
  <p>The trouble I am having is that the 'launch model' action also seems to trigger the form submit event... However clicking the form submit button does not launch the modal window.</p>
  
  <p>Obviously I'd like the modal window to launch without trying to submit the form.</p>
  
  <h2>Launch modal code</h2>
  
  <pre><code>jQuery(function ($) {            
          // Load dialog on click
          $('.feedbackModal').click(function (e) {
              $('#basic-modal-content').modal();
              return false;
          });
      });
  </code></pre>
  
  <h2>Form submit event code</h2>
  
  <pre><code>jQuery(function ($) {
      $(':submit').click(function (e) {            
          var clicked = $(this);
          // form validation stuff here 
          $(':submit').attr('disabled', 'disabled');
          $(clicked).css({
              "font-size": "14px",
              "background": "#999999"
          });
          $(clicked).val("Submitting...");
          $("#paymentform").submit();
      });
  });
  </code></pre>
  
  <p>Any ideas why launching my modal window also submits my form?</p>
  
  <p>Many thanks.</p>