Uncaught ReferenceError: функция не определена в HTMLDivElement

Question

Мой модифицированный код jquery.emojiarea.js

this.$editor.attr({
  'data-id': id,
  'data-type': 'input',
  'placeholder': $textarea.attr('placeholder'),
  'contenteditable': 'true',
  'onkeypress': 'return chatKeyPressed(event)'
});

Я добавил событие onkeypress на this.$editor.attr() и даже вызвал функцию в jQuery, но все равно показывает ошибку:

Uncaught ReferenceError: функция не определена в HTMLDivElement

function chatKeyPressed(){
  console.log("hey tested ");
  // socket.emit('typing',{mess:mess});
}

$('#comment').bind('keypress', function(){
  chatKeyPressed();
});

<form action="">
  <div class="row">
    <div class="col-md-11">
      <input type='text' class="form-control" rows="5" id="comment" placeholder="Type your Message" data-emojiable="true" data-emoji-input="unicode"></textarea>
    </div>
    <div class="col-md-1">
      <button type="submit" class="btn btn-primary " id="btn1">Submit</button>
    </div>
  </div>
</form>