title: Download pdf file on form submit
body: <p>I have this form from zoho crm:</p>
  
  <pre><code>    &lt;div id='crmWebToEntityForm' align='center'&gt;
          &lt;META HTTP-EQUIV ='content-type' CONTENT='text/html;charset = UTF-8'&gt;
          &lt;form action='http://crm.zoho.com/crm/WebToLeadForm' name=WebToLeads1041232000000749005 method='POST' onSubmit='javascript:document.charset="UTF-8"; return checkMandatery()' accept-charset='UTF-8'&gt;  
              &lt;input type='text' style='display:none;' name='xnQsjsdp' value='fbc5a29ead008c324c3a5bad0887e5bf1f95d083f11d4251a6f8aa5a236fd104'/&gt; 
              &lt;input type='hidden' name='zc_gad' id='zc_gad' value=''/&gt;
              &lt;input type='text' style='display:none;' name='xmIwtLD' value='eecaf957dfe7083c05ed797b5ed94512300831df6a467c5c0dca55e1967f2eae'/&gt; 
              &lt;input type='text'  style='display:none;' name='actionType' value='TGVhZHM='/&gt;
              &lt;input type='text' style='display:none;' name='returnURL' value='http://www.example.com/sucess-page' /&gt; 
              &lt;br&gt;
  
              &lt;table border=0 cellspacing=0 cellpadding='6' width=600 style='background-color:white;color:black'&gt;
                  &lt;tr&gt;
                      &lt;td colspan='2' align='left' style='color:black;font-family:Arial;font-size:14px;'&gt;&lt;strong&gt;After Radical&lt;/strong&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;br&gt;
                  &lt;tr&gt;
                      &lt;td nowrap='nowrap' align='left'  style='font-size:12px;font-family:Arial;width:200px;'&gt;Nombre &lt;/td&gt;&lt;td style='width:250px;' &gt;&lt;input type='text' style='width:250px;'  maxlength='40' name='First Name' /&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td colspan='2' align='center' style='padding-top: 15px;' &gt;
                          &lt;input style='font-size:12px;color:black' type='submit'  value='Submit' /&gt; 
                          &lt;input type='reset'  style='font-size:12px;color:black' value='Reset' /&gt; &lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/table&gt;
          &lt;/form&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>What I want to achieve is that on submit, the user downloads a PDF on the same page. I need this to avoid going to other page and let them copy the URL to download the file without using/sending the form.</p>
  
  <p>The actual behavior of the form is on submit sends the user to <code>http://crm.zoho.com/crm/WebToLeadForm</code> and the loads back the page <code>http://www.example.com/sucess-page</code> which is in a input value. This page is different from where the user sents the form.</p>
  
  <p>I've tried changing this:</p>
  
  <p><code>form action='http://crm.zoho.com/crm/WebToLeadForm</code></p>
  
  <p>to this:</p>
  
  <p><code>form action='http://www.example.com/myfile.pdf</code></p>
  
  <p>It works downloading the PDF on same page (I previously added this to htaccess: <code>AddType application/octet-stream .pdf</code>) but then the form doesn't send the user info to the zoho crm management.</p>
  
  <p>Any idea how to achieve this? Maybe jQuery alternative?</p>