jQuery - Can't stop getting old submit values from a previous successful form submit
<p>Lets say I have a form:</p>

<pre><code>&lt;form id="form1" method="post"&gt;
    &lt;ul&gt;
        &lt;li class="button"&gt;
            Button 1!
            &lt;input name="some_input" type="hidden" value="Number 1" /&gt;
        &lt;/li&gt;
        &lt;li class="button"&gt;
            Button 2!
            &lt;input name="some_input" type="hidden" value="Number 2" /&gt;
        &lt;/li&gt;
    &lt;/ul&gt;
&lt;/form&gt;
</code></pre>

<p>and my javascript is:</p>

<pre><code>&lt;script type="text/javascript"&gt;
    $('document').ready(function () {
        $('li.button').bind("click", function() {
             $('form1').submit();
        });
    });
&lt;/script&gt;
</code></pre>

<p>Note: When I click on the li element Button!, it triggers the form to submit. </p>

<p>Now when I click (e.g. Button 1!) the form gets sent, it gets sent successfully, and it is processed without any problems. However problem arise when I hit the "Back" button on the browser and click on a different link (e.g. Button 2!). It seems to me as if the browser is submitting the same value as before, even though the input values for the both of them are different.</p>

<p>How do I solve this?</p>
