AJAX stay on same page after submit, output on same page
<p>I have some drop downs looks like this in my HTML form:</p>

<pre><code>&lt;form name="fee" method="POST" action=""&gt;
&lt;p&gt;&lt;span class="title"&gt;Number of artists:&lt;/span&gt;
    &lt;select name="Number"&gt;
        &lt;option value="" rel="none" selected disabled&gt;Please select an option..&lt;/option&gt;
        &lt;option value="one" rel="one_art"&gt;One artist only&lt;/option&gt;
        &lt;option value="more" rel="more_arts"&gt;More than one artists&lt;/option&gt;
&lt;/p&gt;
</code></pre>

<p>A table of summery will be generated after I click the submit button.</p>

<pre><code>&lt;input type="submit" value="Calculate"&gt;
</code></pre>

<p>My question is: Whenever I click the button, the previously selected option will be reset. And only the summery show up at the end of the page. Is there a way to output the summery on the same page without the previously selected option gets cleared?</p>

<p>Thanks in advance!!</p>