следующая кнопка не выделяет или отображает совпадения

Question

Подсветка jquery, которую я создал, работает хорошо, но по какой-то причине, когда я набираю что-то в поле ввода и нажимаю следующую кнопку, он не выделяет термины.Отображает только «1 из 0 матчей».Я не уверен, почему он не выделит его.

Ниже приведен мой сценарий:

<script>
$("[data-search=next]").click(function() {
    if (variableCounter < totalCount) variableCounter = variableCounter + 1;
    else variableCounter = 1;

    $(".kwt-count").html(variableCounter + " of " + totalCount + " Matches");
  });
</script>

Также, когда термин находится в поле, и я нажимаю клавишу ввода, он выделяетсловоблудие, но когда я нажимаю клавишу удаления, он помечает содержимое, но полная строка удаляется вместе с выделением.Я хочу, чтобы он удалял «все» выделения на клавише delete или backspace, но не удалял всю строку из поля ввода.Не уверен, почему он удаляет все в поле ввода.

<script>
  $input.keydown("input", function(e) {
    if (e.keyCode === 46 || e.keyCode === 8) {
      $content.unmark();
      $input.val(" ").focus();
    }
  });
</script>

Я создал кодовый код моего кода здесь: https://codepen.io/dude12go8/pen/PoYbdXd