Is this the correct way to call a textarea in jquery?
<p>This syntax for some reason isn't working and I'm wondering why. When I alert the values in the page, I can see everything but the textarea value. I'm not even getting an undefined.</p>

<pre><code>var report  = $("textarea#report").val();
</code></pre>

<p><hr /></p>

<p>Here is my html:</p>

<pre><code>&lt;textarea id="report" name="report" rows="25" cols="10" style="width:100%;height:200px;"&gt;&lt;?php echo $_POST['report']; ?&gt;&lt;/textarea&gt;
</code></pre>

<p><hr /></p>

<pre><code>&lt;form id="rpt" action=""&gt;
</code></pre>

<p><hr /></p>

<p>I have this code that Paolo helped me with last week. This is the start of the jquery code which also has some editor code mixed in with it</p>

<pre><code>$(document).ready(function()
{
  $('.error').hide();
  WYSIWYG.attach('dfarReport', rpt);
  WYSIWYG_Core.addEvent(window, "load", function()
  {
    $('#Save').removeAttr('onclick').click(function()
    {
</code></pre>

<p>I tried adding Jonathan's suggested code to this but I get errors when I do this. I also changed "report" to something different just in case but that didn't help either.</p>

<p><strong>IT'S WORKING !!!!!!!!!!!!!!!!!!!!</strong></p>

<p>To get this to work. I added the following:</p>

<pre><code>$(document).ready(function()
{
  $('.error').hide();
  WYSIWYG.attach('dfarReport', dfar);
  WYSIWYG_Core.addEvent(window, "load", function()
  {
    $('#Save').removeAttr('onclick').click(function()
    {
      WYSIWYG.updateTextArea('dfarReport');   &lt;-------------- This is where it needs to go
</code></pre>
