Switch between two divs in JQuery
<p>I am tring to switch between two divs (a small text area and a bigger form field..sort of like twitter). The divs belong to two different classes like</p>

<pre><code>&lt;div class = first onClick = "show();" &gt;
</code></pre>

<p> 
    </p>

<pre><code>&lt;div class = second style = "display:none;"&gt;
contains a form that is supposed to redirect to some other .php page via the "action" field
&lt;/div&gt;
</code></pre>

<p>I have the following javascript</p>

<pre><code>function show()
{
        $(".second").fadeIn('5');
        $(".first").fadeOut('5');

}
</code></pre>

<p>When the form in the class = "second" is clicked however the page simply refreshes and div = "first" is displayed (instead of redirecting to the page that the form points to)
What am I doing wrong?</p>
