val(); returning nothing
<p>Using jQuery... I'm trying to get the <code>val();</code> of a textarea... and it's not working. When I click on submit (that works!) the alert shows as <code>You said:</code> :(</p>

<p>What am I doing wrong?</p>

<pre><code>&lt;script type="text/javascript" src="jquery-1.5.1.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" &gt;
$(function() {

$(".comment_button").click(function() {

var test = $("#content").val();
var dataString = 'content='+ test;
alert('You said: ' + test);

});
});
&lt;/script&gt;
&lt;style&gt;
#error, #success { display:none;}
&lt;/style&gt;
&lt;?php include 'inc/main.php'; ?&gt;

&lt;h1&gt;Testing&lt;/h1&gt;
&lt;div id="error"&gt;Error...&lt;/div&gt;
&lt;div id="success"&gt;Success...&lt;/div&gt;
&lt;form name="form" action="ask.php" method="post"&gt;

&lt;textarea rows="5" cols="50" name="content" id="content" name="thequestion"&gt;&lt;/textarea&gt;&lt;br /&gt;&lt;br /&gt;

&lt;input name="submit" value="Submit!" type="submit" class="comment_button" /&gt;

&lt;/form&gt;
&lt;div id="flash"&gt;&lt;/div&gt;
&lt;div id="display"&gt;&lt;/div&gt;
</code></pre>
