¿Cómo obtener el valor de un área de texto en jquery?

Tengo este formulario y estoy tratando de obtener el valor del área de texto. por alguna razón no quiere.

<form action="/profile/index/sendmessage" method="post" enctype="application/x-www-form-urlencoded">
    <div class="upload_form">
        <dt id="message-label"><label class="optional" for="message">Enter Message</label></dt>
        <dd id="message-element">
        <textarea cols="60" rows="5" id="message" name="message"></textarea></dd>
        <dt id="id-label">&nbsp;</dt>
        <dd id="id-element">
        <input type="hidden" id="id" value="145198" name="id"></dd>
        <dt id="send_message-label">&nbsp;</dt>
        <dd id="send_message-element">
        <input type="submit" class="sendamessage" value="Send" id="send_message" name="send_message"></dd>
    </div>
</form>


$("input.sendamessage").click(function(event) {
    event.preventDefault();

    var message = $('textarea#message').html();
    var id      = $('input#id').val();

    console.log(message + '-' + id);
});

o jsfiddle

¿algunas ideas?

El valor de textarea también se toma con el valmétodo:

var message = $('textarea#message').val();

.val()Debe usar para textarea ya que es un elemento y no un contenedor. Tratar

$('textarea#message').val()

Violín actualizado

deberías usar en val()lugar dehtml()

var message = $('#message').val();

en javascript:

document.getElementById("message").value

No necesitas usar textarea#message

var message = $('textarea#message').val();

Puedes usar directamente

var message = $('#message').val();

Debe verificar que el área de texto sea nula antes de usar val (); de lo contrario, obtendrá un error indefinido.

if ($('textarea#message') != undefined) {
   var message = $('textarea#message').val();
}

Entonces, podrías hacer lo que sea con el mensaje.

$('textarea#message')no puede ser indefinido (si por $supuesto se refiere a jQuery).

$('textarea#message')puede ser de longitud 0 y luego $('textarea#message').val()estaría vacío, eso es todo

Puedes usar directamente

var message = $.trim($("#message").val());

Leer más @ Obtenga el valor de TextArea usando el método jQuery Val ()

También puede obtener el valor por atributo de nombre del elemento .

var message = $("#formId textarea[name=message]").val();

No necesitas usar .html(). Deberías ir con .val().

Del doc de .val():

El .val()método se utiliza principalmente para obtener los valores de elementos de formulario como input, selecty textarea. Cuando se llama a una colección vacía, regresa undefined.

var message = $('#message').val();

all Values ​​siempre se toma con .val().

ver el código a continuación:

var message = $('#message').val();

También puede obtener valor por nombre en lugar de id como este:

var message = $('textarea:input[name=message]').val();