Почему этот слушатель событий jQuery не работает?

Question

Я пытаюсь настроить прослушиватель событий в jQuery, но, похоже, не может заставить его работать. Любые советы/подсказки относительно того, что я делаю неправильно, будут очень признательны. Вот код:

<script> 
$('.send').on('click', function() { 
    console.log('message sent'); 
    var text = $('.draft').val(); 
    Chat.send(text); 
}); 
</script> 
<input class="draft" type="text"/> <button class="send">Send</button> 

-EDIT-

Когда я говорю, что не работает, я имею в виду, что не кажется, обработчик событий должен быть запущен (консоль не показывает ничего, когда я нажмите кнопку отправки).

Answer 1

В вашем HTML у вас есть вход

<input class="draft" type="text"/> 

и здесь в JQuery, вы делаете неправильно text();

var text = $('.draft').text(); 

должно быть val();

var text = $('.draft').val(); 

Fiddle

Edit:

Сделайте ваш скрипт DOM готов

//jQuery Library Always comes FIRST 
<script> 
$(document).ready(function() { 
    $('.send').on('click', function() { 
     console.log('message sent'); 
     var text = $('.draft').val(); 
     Chat.send(text); 
    }); 
}); 
</script> 

<input class="draft" type="text"/> 
<button class="send">Send</button> 

Answer 2

<input class="draft" type="text"/> <button class="send">Send</button> 
<script> 
    $('.send').on('click', function() { 
     console.log('message sent'); 
     var text = $('.draft').val(); 
     console.log(text); 
     //Chat.send(text); 
    }); 
</script>