AutoSuggest не работает, когда событие клика? Javascript UI

Question

В настоящее время я работаю над улучшением моей РАБОЧЕЙ формы автозаполнения. Например, функция searchSubmit () должна выполняться при выборе. Как только я использую нижний код (выберите событие добавлено), к сожалению, автоматическое предложение больше не работает. Есть ли у вас предложения? Лучше всего с правильным примером.

//some code
function searchSubmit() {
    document.getElementById("form").submit();
	document.getElementById("form").reset();
}
//some code
jQuery(function() {
        jQuery( "#q" ).autocomplete({
          source: function( request, response ) {
            var sqValue = [];
            jQuery.ajax({
                type: "POST",
                url: "https://example.net/suggestion",
                dataType: 'jsonp',
                data: jQuery.extend({
                    q: request.term
                }, {  }),
                success: function(data){
                    console.log(data[1]);
                    obj = data[1];
                    jQuery.each( obj, function( key, value ) {
                        sqValue.push(value[0]);
                    });
                    response( sqValue); }
    			select: function(event, ui) {
        			if(ui.item){
            			$('#q').val(ui.item.value);
        			}
        			searchSubmit(); }
            });
          }
        });
      });
    }
//some code

<form id="form" class="form-search w-100" method="post" action="https://example.net/action.php" target="_blank">
          <div class="input-group" id="gs" align="center">
		  <input id="q" class="q" type="text" value="<?php echo $q; ?>" name="q" placeholder="<?php echo $words[rand(0, count($words) - 1)];?>" autocomplete="off" style="width:100%;padding-left: 50px;padding-right: 5px" autofocus/>
          </div>
        </form>