jQuery: not getting the value of a hidden input
<p>I am having trouble getting the value of a hidden input. It seems so simple but I know I must be doing something wrong.</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
    &lt;script type="text/javascript" src="jquery-1.4.2.min.js"&gt;&lt;/script&gt;
    &lt;title&gt;Hidden Field Test&lt;/title&gt;
    &lt;script type="text/javascript"&gt;
    $(document).ready(function(){
            var x = $('#test').val();
            $('#results').append(x);
    });
    &lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;form&gt;
        &lt;input id="test" type="hidden" runat="server" vaule="false" /&gt;
        &lt;div id="results"&gt;
            The value is:
            &lt;br /&gt;
        &lt;/div&gt;
    &lt;/form&gt;
&lt;/body
</code></pre>

<p></p>

<p>I also have it on <a href="http://jsfiddle.net/9Ymsc/2/" rel="nofollow">jsfiddle</a>.</p>

<p>Thanks for the help</p>
