title: Validating a <textarea> with jquery
body: <p>i'm trying validate a form (all fields) with jQuery</p>
  
  <p>My code is valid only for the input area, but it's don't works for the <code>&lt;textarea&gt;</code>, anybody knows how i can fix this problem?</p>
  
  <pre><code>$(".button").click(function() {
  // validate and process form
  // first hide any error messages
  $('.error').hide();
  
  var name = $("input#name").val();
  if (name == "") {
  $("label#name_error").show();
  $("input#name").focus();
     return false;
  }
  var email = $("input#email").val();
   if (email == "") {
    $("label#email_error").show();
    $("input#email").focus();
    return false;
  }
  var subject = $("input#subject").val();
    if (subject == "") {
    $("label#subject_error").show();
    $("input#subject").focus();
    return false;
  }
  var message = $("textarea#message").val();
  if (message == "") {
    $("label#message_error").show();
    $("textarea#message").focus();
    return false;
  }
  
  var dataString = 'name='+ name + '&amp;email=' + email + '&amp;subject=' + subject + '&amp;message=' + message;
  //alert (dataString);return false;
  
  $.ajax({
    type: "POST",
    url: "bin/process.php",
    data: dataString,
    success: function() {
      $('#contact_form').html("&lt;div id='message'&gt;&lt;/div&gt;");
      $('#message').html("&lt;h2&gt;Mensagem enviada com sucesso!&lt;/h2&gt;")
      .append("&lt;p&gt;Entraremos em contato assim que poss&amp;iacute;vel.&lt;/p&gt;")
      .hide()
      .fadeIn(1500, function() {
        $('#message').append("&lt;img id='checkmark' /&gt;");
      });
    }
   });
  return false;
  });
  })
  </code></pre>