input type="text"でエンターキー操作でクリックイベントと同じ処理を実行する

Question

【現状】
下記のようなコードで#keywordにおいて入力した値を#searchをクリックすることでイベントが発生いたします。
formやsubmitは他の仕様上の理由から使用していません。

【やりたいこと】
当然、#keywordテキスト入力時にenterを押してもform要素を使用していないため、#searchをクリックすることで実行されるイベントは発生しないため、これをenterされることによっても実現したいと考えております。
form要素を利用しない理由はinput type="submit"や buttonタグを使用するとcss上望まないデフォルトの装飾がなされるため、これをクリアするよりも、divタグを利用して0からcssを施すほうが早いため、そのようにしております。

宜しくお願い申し上げます。

<div class="nice-wrap_2">
  <input id="keyword" class="nice-textbox" type="text" placeholder="地名等を入力してください"/>
</div>
<div class="btnWrapper">
 <div id="search" class="btn"><i class="fas fa-search"></i></div>
</div>

$(function(){
 $('#search').on('click',function(){
   //#searchがクリックされたら実行される処理、"keywordでenter(window.event.keyCode == 13 )でも
　//同じように処理が実行されるようにしたい、ただし、form要素は使用しない
  })
})

Answer 1

命題のとおりやるならこう？

<script>
$(function(){
  $('#search').on('click',function(){
    console.log("search!");
  });
  $('#keyword').on('keydown',function(e){
    if(e.keyCode==13) $('#search').trigger('click');
  });

});
</script>
<div class="nice-wrap_2">
  <input id="keyword" class="nice-textbox" type="text" placeholder="地名等を入力してください"/>
</div>
<div class="btnWrapper">
 <div id="search" class="btn">test</div>
</div>

表示上の理由でsubmitを「設置しない」理由がいまいちわかりません
設置して隠せばいいだけでは？
そもそもformじゃなければsubmitされないですよね？
もしsubmitしない場合は何したいのかもう少し詳しく書いたほうがよいです

<form>
<div class="nice-wrap_2">
<input id="keyword" class="nice-textbox" type="text" placeholder="地名等を入力してください"/>
</div>
<div class="btnWrapper">
<label for="s">test</label>
</div>
<input type="submit" style="display:none" id="s">
</form>

Comments

[SugiuraY]

コメント遅くなり申し訳ございません、
無事解決することができました。
submitを設置しない理由はbuttonタグをcss装飾をしたくないというのが理由でしたが、input "submit"であればこれを回避することができるので、確かにその方法もあると思います。
ご指摘いただきありがとうございます。

Answer 2

こういうことでいいすか？違う？

$(function(){
  $('#search').on('click',function(){
    searchClick();
  });
  $('#keyword').on("keydown", function(e){
    if(e.keyCode === 13) {
      searchClick();
    }
  });
})

function searchClick() {
	alert(`search ${getText()}!`);
}

function getText() {
	return document.getElementById("keyword").value;
}

Comments

[SugiuraY]

ありがとうございます。ご案内の方法で実装することができました。