JQuery, textarea ajax

     Текст комментария:      
      </td></tr>
        <tr> <td colspan="3">
      
<textarea type="text" id="name" rows="50" cols="120" name="name">
<TMPL_VAR NAME="text_cm_current"> </textarea>
</td>
   </tr>
   
       <tr>
      <td colspan="3">
      
    	<br />
      <input type="submit" name="submit" class="button" id="submit_btn" value="Send" />
    </td>
   </tr>  
      
</TABLE>

  </form>
  </div>

   
   
   <script type="text/javascript">



$(function() {
  $('.error').hide();
  $('input.text-input').css({backgroundColor:"#FFFFFF"});
  $('input.text-input').focus(function(){
    $(this).css({backgroundColor:"#FFDDAA"});
  });
  $('input.text-input').blur(function(){
    $(this).css({backgroundColor:"#FFFFFF"});
  });

  $(".button").click(function() {
		// validate and process form
		// first hide any error messages
    $('.error').hide();
		
	  var name = $("#name").val();

		var email = $("input#email").val();

		var phone = $("input#phone").val();

проблема в том что тут где textarea не определяется

var name = $("#name").val();

как только я изменяю <textarea type="text" id="name" на input, то все работает...

почему не хочет определятся var name = $("#name").val(); который стоит в textarea?