title: AJAX Form always recall old php file
body: <p>I have a form and submit data to php file named "process.php" via AJAX. It works if I directly run the form.html, but when I call the form.html from jQuery panel, sometimes it call another php file to do the process and sometimes the page jump into a blank page after submit. From the Chrome Developer Tools, the network tab, I found another php file (go.php) was called which was the file I previously called. I changed the form action from "go.php" to "process.php" but the "go.php" was still called. I tried to clear the browser cache but could not find the reason why the previous action php file was still called.</p>
  
  <p>Do anyone have similar experience? I have no idea where the cache keep.</p>
  
  <p>Code as below</p>
  
  <pre><code>$(document).ready(function(){
          $('#myform').submit(function(e) {
              e.preventDefault();
            $.ajax({
              cache: false, 
              type: 'POST', 
          data: $('#myform').serialize(),
              url: $('#myform').attr('action'), 
              complete: function (XMLHttpRequest, textStatus) {
                $('#output').val(XMLHttpRequest.responseText);
              }});
            return false;
          });
  });
  </code></pre>
  
  <p>Content in form.html</p>
  
  <pre><code>&lt;div data-role="content"&gt;
      &lt;div class="campBlock"&gt;
          &lt;fieldset&gt;
              &lt;form action="process.php" id="myform" name="myform"&gt;
                  &lt;label for="campname"&gt;Campaign Name:&lt;/label&gt;
                  &lt;input type="text" name="campname" id="campname"&gt;&lt;br/&gt;
                  &lt;label for="longdesc"&gt;Description&lt;/label&gt;
                  &lt;textarea id="longdesc" name="longdesc"&gt;&lt;/textarea&gt;&lt;br/&gt;
                  &lt;input type="submit" value="Create"&gt;
              &lt;/form&gt;
          &lt;/fieldset&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Content of jQuery Panel</p>
  
  <pre><code>&lt;div data-role="panel" id="menu" data-display="overlay"&gt;
      &lt;ul data-role="listview"&gt;
       &lt;li data-role="list-divider" style="height: 2em;"&gt;&lt;img class="header" src="msgol-sm100.png"/&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="form.html" data-prefetch="false"&gt;Create Campaign&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="changepass.html" data-prefetch="false"&gt;Change Password&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;&lt;br/&gt;
      &lt;p&gt;&lt;a data-role="button" data-rel="close"&gt;Close&lt;/a&gt;&lt;/p&gt;
  ....
  </code></pre>
  
  <p></p>