Javascript variable seemingly won't set
<p>In this simplified fiddle, I'm trying to re-set the value of "token" to be used in subsequent form submissions, but despite setting the value, the next pass through, 'token' is still set to the initial value of QWERTY.</p>

<pre><code>var token = '';

function pollServer(token) {

    alert("Calling with token: " + token);

    alert("OLD: " + token);
    token = "ASDFG"; // new token
    alert("NEW: " + token);

}

function onsubmit_action() {

    alert("A: " + token);

    if (token === '') {
        // set the initial token
        token = 'QWERTY';
    }

    alert("B: " + token);
    pollServer(token);
    event.preventDefault();

}​
</code></pre>

<p>DEMO: <a href="http://jsfiddle.net/tUtRH/" rel="nofollow">http://jsfiddle.net/tUtRH/</a></p>

<p>The alerts should go:</p>

<pre><code>&lt;submit form&gt;
A:
B: QWERTY
Calling with token: QWERTY
OLD: QWERTY
NEW: ASDFG

&lt;submit form&gt;

A: ASDFG
</code></pre>

<p>Instead, after the second form submission, I get:</p>

<pre><code>A: QWERTY
</code></pre>

<p>Any slaps in the face or cold water dumped over my head would be really appreciated.  (Obviously this code has been stripped down to cover the bare minimum case, this is actually a bunch of polling/AJAX calls that gets/sets tokens and such.)</p>
