[SolomonRei]

Добрый вечер!Осуществил поиск по сайту,код взял из интернета,так как не силен в js.

<form class="destinations-form" action="find/participants" method = "POST">
                     <div class="input-line">
                        <input type="text" name="surname" value="" class="form-input check-value" id = "data" placeholder="Фамилия" autocomplete = "off"/>
                        <ul class = "search_result"></ul>
                        <input type="submit" name="destination-submit" class="form-submit btn btn-special" value = "найти участницу">
                     </div>
                  </form>

$(function(){
    
//Живой поиск
$('#data').bind("change keyup input click", function() {
    if(this.value.length >= 1){
        $.ajax({
            type: 'post',
            url: "search/quicly", //Путь к обработчику
            data: {'surname':this.value},
            response: 'text',
            success: function(data){
                $(".search_result").html(data).fadeIn(); //Выводим полученые данные в списке
           }
       });
    }
})
    
$(".search_result").hover(function(){
    $("#data").blur(); //Убираем фокус с input
})
    
//При выборе результата поиска, прячем список и заносим выбранный результат в input
$(".search_result").on("click", "li", function(){
    s_user = $(this).text();
    $("#data").val(s_user).attr('disabled', 'disabled'); //деактивируем input, если нужно
    $(".search_result").fadeOut();
})

});

Данные из бд я получаю отлично,текст выводится тоже,но мне нужно,чтобы вот этот список,который я получил,нажав на определенную фамилия,произошел поиск,то есть отправка формы