javascript — выдать пробел с помощью функции jquery On KeyUp

У меня есть следующий код. То, что я пытаюсь сделать, это создать выпадающий список совпадающих контактов из моей базы данных при вводе имени в поле ввода. Я записываю входные переменные по мере ввода и передаю их в php-файл, который их обрабатывает, и загружаю в результат div.

Я преуспел. Тем не менее, я не могу передать пробел в качестве значения, когда я хочу ввести имена с пробелом между ними. Когда я это делаю, это не работает.

Например: я набираю «Джон» … перечислены все похожие имена, как Джон. Но когда я набираю «Джон Смит», ничего не перечисляется из-за пробела между словами.

Так что вопрос очевиден. Как сделать так, чтобы пространство тоже проходило мимо. Так что результаты «Джон Смит» отображаются. Я думаю, мне, возможно, придется передать его как% 20. Но то, что я попробовал, ниже. И это не работает. Я делаю передачу входного значения с помощью функции ‘getcont ()’ в скрипте. Вот где я застрял. Я уверен, что это простое решение jquery. Но я любитель в Jquery. Пожалуйста посоветуй.

<style>
#contdiv{display:none}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js" async>    </script>

<script>
$('document').ready(function(){
$('#contdiv').on('click', '.pno', function(){
var value = $(this).html();
var input = $('#cit');
input.val(value);
$('#contdiv').fadeOut('fast');
});
});

function getcont(){
var x = document.getElementById("cit");
if(x==" "){x="%20";}
$('#contdiv').fadeIn('fast').load('searchconts.php?cit='+x.value);
}

</script>
<div class="admininner">
<h3>Search Contacts on Phone</h3>
<input type="text" name="phone" id="cit" class="contdiv" onkeyup="getcont()" placeholder="Type to search">
<p id="contdiv"></p>
</div>