title: hide textarea in jquery
body: <p><strong>jquery</strong></p>
  
  <pre><code>$(document).ready(function() {
  
      $('#postcomment').hide();
      $('#createtopic').click(function() {
          var text = $('#editor1').val();
  
          $.ajax({    
              type: "post",   
              url: "Handler/Topic.ashx",
  
              data: "text=" + text,
              success: function(msg) {
                  $("#result").html(msg).fadeIn("fast");
              }
          });
  
          return false;
      });
  
      $('#postcomment').show();
  });​
  </code></pre>
  
  <p><strong>html</strong></p>
  
  <pre><code> &lt;textarea id="postcomment" cols="50" rows="3" style="padding:5px;" 
    name="postcomment" &gt;   &lt;/textarea&gt;
  </code></pre>
  
  <p>I am unable to hide the <code>textarea</code>. Is it a wrong approah to hide a <code>textarea</code>?</p>