title: jQuery ui tabs form submit
body: <p>I'm using tabs to navigate my web application. On each tab is separate file which contains form to receive input from user and display table of data according to input.</p>
  
  <p>I want to ask how can I display a result table in the same tabs and make my input form ready to receive difference input again. </p>
  
  <p>Here is my code</p>
  
  <pre><code>&lt;div id="tabs"&gt;
        &lt;ul&gt;
              &lt;li&gt;&lt;a href="t1.htm"&gt;Tab 1&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="t2.htm"&gt;Tab 2&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="t3.htm"&gt;Tab 3&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>example of my t1.htm</p>
  
  <pre><code>&lt;form action="table.htm" method="POST"&gt;
         First Name: &lt;input type="text" name="first_name"&gt;
         &lt;br /&gt;
         Last Name: &lt;input type="text" name="last_name" /&gt;
         &lt;input type="submit" value="Submit" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>while <code>table.htm</code> will create dynamic table according to the input of <code>firstname</code> and <code>lastname</code>. But, right now when I submit the form it will open <code>table.htm</code> right away but I want it to only display the result below the input form.</p>