title: Jquery Ajax Problem
body: <p>A have a page that contain two Forms.</p>
  
  <ul>
  <li>1st Form <code>&lt;form&gt; &lt;/form&gt;</code> without ajax.</li>
  <li>2nd Form load and save from Ajax</li>
  </ul>
  
  <p>When I click on Submit button on the <code>&lt;form&gt;</code> (Without ajax), it keep directing to the ajax page. It shouldnt happen.</p>
  
  <p>Click on the <strong>Save</strong> button, it direct to save.php and then direct to ajax_list_inquiries.php for some odd readon?! I have to click on the back button on the browser to go back to forms page. Yes it does save.</p>
  
  <p>For example:</p>
  
  <pre><code>&lt;h2&gt; Form (None Ajax) &lt;/h2&gt;
  &lt;form action="save.php" method="post"&gt;
   &lt;input type="name" type="text" /&gt; 
    &lt;input type="submit" value="Save" name="SaveEdit" /&gt;
  &lt;/form&gt;
  
  
  &lt;h2&gt; Ajax Form &lt;/h2&gt;
  &lt;textarea id="NoteInquiries"&gt;&lt;/textarea&gt;
  &lt;input type="button" class="AddListInquiries" value="Add" /&gt;
  &lt;div id="ListInquiries"&gt; &lt;/div&gt;
  </code></pre>
  
  <p>in the JS script file:</p>
  
  <pre><code>$(document).ready(function () {
    function ListInquiries() {
        $("#ListInquiries").load("ajax_list_inquiries.php", {salesid: $("#EditSalesID").val()} );
   }
  ListInquiries();
  });
  </code></pre>