входное значение пусто в Content js Chrome extention

Question

У меня проблема. когда я пишу что-то на входе слова и затем нажимаю ввод, все работает хорошо, появляется предупреждение, но значение ввода пустое, и я не понимаю, почему. вот мой код.

content- js:

let html =`<div class="lagom">
           <div class="lagom-search">
              <div class="lagom-margins">
                  <div><input id ="search" placeholder="SEARCH"/></div>
                  <div class="lagom-title">LAGOM</div>
              </div>
           </div>
        </div>`;

document.body.innerHTML = html;

$(document).keypress(function (e) {
    if (e.which === 13) {
    let inputValue = $('#search').val();
    alert(inputValue);
    }
});