title: Post form with ajax and then submit same form to other url
body: <p>Why my form is not again submitting to another URL after ajax submit.</p>
  
  <p>with the below script i want to post form with ajax and then submit same form to other url.</p>
  
  <p>first my form will submit to Ajax URL (<a href="http://www.mywebsite.com/insertdata.php" rel="nofollow">http://www.mywebsite.com/insertdata.php</a>) and then it same form will submit to form action URL (<a href="http://www.example.com/mail.php" rel="nofollow">http://www.example.com/mail.php</a>)</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;form id="contact_form" action="http://www.example.com/mail.php" method="post" novalidate="novalidate" data-track="formSubmit" name="contact_form"&gt;
  
   &lt;!------Form Elements -------&gt;
  &lt;input class="form-control submit" type="submit" value="Submit"&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p><strong>JavaScript</strong></p>
  
  <pre><code>$("form").on("submit", function(event) {
          event.preventDefault();
          $.ajax({
              url: "http://www.mywebsite.com/insertdata.php",
              type: "post",
              crossDomain: true,
              data: $(this).serialize(),
              success: function(responce) {
                  console.log(responce);
                  return true;
              }
          });
      });
  </code></pre>