Jquery keydown wont work

Question

I am trying to make a press enter to send data using jquery but my code is not working. Anyone can tell me what i am missing here ?

<textarea name="reply" class="reply" id="replyChat" placeholder="Write your message"></textarea>

JS

function SendMessage() { 
       $.ajax({
        type: "POST",
        url: "/ajax/reply",
        data: dataString,
        cache: false,
        success: function(html) {
            $('.messages-body').append(html);
        }
      });
     }

   $('#replyChat').bind('keydown', function(e) {
      if(e.keyCode==13) {
        SendMessage();
    }
  });
  $('body').on("click",".reply-btn",function() {
     SendMessage();
 });

Click function is working fine just keydown doesn't work here.

it's working for me, is the element is dynamically generated — Pranav C Balan, Mar 09 '17 at 09:26
@DevStud : is the element(textarea) is dynamically generated? — Pranav C Balan, Mar 09 '17 at 09:27
which jquery version you are using and once check console if getting any error — Rahul, Mar 09 '17 at 09:28
@rahul_m I have checked everything i am not getting any error from console. — AlwaysStudent, Mar 09 '17 at 09:29
@PranavCBalan this is so nice question. That textarea is dynamically generated. — AlwaysStudent, Mar 09 '17 at 09:30

Pranav C Balan · Accepted Answer · 2017-03-09T09:34:03.647

Use event delegation for the dynamically generated element, although use event.which property which is suggested by jQuery.

function SendMessage() {
  console.log('hi');
  // replace with your ajax code
}

$('body').on('keydown', '#replyChat', function(e) {
  if (e.which == 13) {
    SendMessage();
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea name="reply" class="reply" id="replyChat" placeholder="Write your message"></textarea>

Jquery keydown wont work

1 Answers1