javascript - Trigger a button when enter a button -

i trying append divs divs. works fine. here need helps, in below code there div content editable , save , close button. when click save button append div. need make button clickable when press enter button.

function createnewlist(listname) {    var cardnamefieldelement = $('<div class = "card-name-field" onkeydown=\'cardsave\' style = "white-space : normal; width: 240px; min-height: 60px; border-radius: 3px; margin-left: auto; margin-right: auto; background-color: #ffffff;  " contenteditable = "true" data-placeholder = "add card..."  ></div>');    var saveclosecardwrapper = $('<div class ="save-close-card-wrapper" style = "width: 250px; height: 35px;  margin-top: 5px;">		<input class = "save-card" id = \'save_card_btn\' onclick = \'savenewcard($(this))\' type="button" value="save" style = "cursor: pointer; width: 60px; height: 30px; background-color: gray; border-color: gray; margin-left: 10px; border-radius: 3px; vertical-align: top;"><img class = "close-card-create" onclick = \'closecard($(this))\' src = "media/icons/close.png" width="25" height="25" style = "cursor: pointer; margin-top: 4px; margin-left: 3px;"></div>');  }    function savenewcard(savecard) {    var parent = savecard.closest('.board-list');    var cardname = parent.find('.card-name-field').text();    if (cardname !== "") {      var cardnameelement = $('<div class = "card-name">' + cardname + '</div>');      cardnameelement.insertbefore(parent.find('.create-card-section'));      parent.find('.card-name-field').html("");    }  }

please code , give me help. tried method, doesn't work.

$(".card-name-field").keyup(function(e) {   if (e.keycode == 13) {     $(".save-card").click();   } }); 

use trigger( "click" ) instead of click()

$(".card-name-field").keyup(function(e) {   if (e.keycode == 13) {     $(".save-card").trigger( "click" );   } });