changing input value doesn't get reflected with firebug
<p>Just trying to change the value of an input using jQuery.  Seems to work, however, when I look at the value of #input using Firebug, it remains at the original value.  Is this normal, or am I doing something wrong?  Thank you</p>

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

<pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; 
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; 
&lt;head&gt; 
&lt;meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /&gt; 
&lt;title&gt;Testing&lt;/title&gt; 
&lt;script src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt; 
&lt;script&gt; 

$(function(){
    $("#DoIt").click(function()
    {
        $('#input').val('final');
        console.log($('#input'));
        alert($('#input').val());
    });
});

&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;a href="#" id="DoIt"&gt;DoIt&lt;/a&gt;
&lt;input id="input" type="text" value="original" /&gt;
&lt;/body&gt; 
&lt;/html&gt;
</code></pre>
