Textarea value is always null or empty?

Textarea value is always null or empty?

  1. <div id="send-complains-to-reporter" title="Изпращане на известие" style="display: none;">
  2.                                 <div class="col-xs-8">
  3.                                     <div class="form-group"><input type="text" class="form-control" name="reporter_contact_email" value="<?=$oRow->reporter_mail; ?>" >
  4.                                     </div>
  5.                                 </div>
  6.                                 <div class="col-xs-4">
  7.                                     <div class="form-group"><input type="text" class="form-control" name="complaint_number" value="<?=$oRow->reporter_id; ?>" 
  8.                                     </div>
  9.                                 </div>
  10.                                 <div class="col-xs-12">
  11.                                     <div class="form-group">
  12.                                         <textarea rows="10" cols="30" id="message-complaint" ></textarea>
  13.                                     </div>
  14.                                 </div>
  15.                             </div>

The function always receives reporter_email and complaint_number, but textarea never.

I tried $("textarea#message-complaint").val() and $("textarea#message-complaint").text() the result is same.

When
$("textarea#message-complaint").val().lenght

always return 0


  1. $(function() {
                $("#send-complains-to-reporter").dialog({
                    modal: true,
                    width: 350,
                    resizable: true,
                    buttons: {
                    "Изпрати": function () {
                        var message_complaint = $("#message-complaint").val();
                        alert(message_complaint);
                        $.ajax({
                            url: '<?=base_url('complaints/sendMailToReporter')?>',
                            type:'post',
                            dataType: 'json',
                            data: {
                                complaint_number: complaint_number,
                                reporter_email:reporter_email,
                                message_complaint:message_complaint
                            },
                            success: function(success) {
                                if(success)
                                 alert(json(success));
                            },
                            error:function() {
                                $(oEl).fadeIn()
                            }
                        })

                    },
                     "Cancel": function () {
                            $(this).dialog("close");
                        }
                }
                });
            });