jquery Получить значение поля элемента формы (input, textarea)

Пусть у нас есть форма типа:

<form id="chat_send_message_form" action="#"  data-report-id="<?= $model->_id ?>" data-report-type="<?= $model->type ?>" >
        <div class="comment-text">
            <textarea name="message-text" id="#" placeholder="Введите сообщение..." ></textarea>

Тогда после получения объекта формы, получить значение поля типа textarea можно как-то так:

  $('button#send-chat-message').on('click', function() {
        var $form   = $('form#chat_send_message_form'); //.serialize();
        console.log('send!', $form.find('textarea[name="message-text"]').val());

-- если у вас input, то так:

$form.find('input[name="message-text"]')