Arkadaşlar autocomplete kodlarım var

<script type="text/javascript">

var options = {
    data: <? echo json_encode($jarrayd); ?>,

    getValue: "code",

    template: {
        type: "description",
        fields: {
            description: "name"
        }
    },

    list: {
        match: {
            enabled: true
        },
		onSelectItemEvent: function() {
            var selectedItemValue = $("#nihai2").getSelectedItemData().id;

            $("#nihai6").val(selectedItemValue).trigger("change");
        }
    },

};

$("#nihai22").easyAutocomplete(options);
</script>

            
<input type="text" name="nihai2" id="nihai2" />
<input type="hidden" name="nihai6" id="nihai6"/>

DB'de bi code var bide id var, ben autocomplete'i code üzerinden yapıyorum alttaki hidden input'a id'yi yazıyor

Fakat bu kod mouse'la üstüne geldiğimde direk hiddenı değiştiriyor ben sadece mouse'la onun üstüne tıklarsam hidden'ı değiştirmesini istiyorum



Bu şekilde olunca mouse'u hızlı hareket ettirirsem seçmiş olduğum şeyden diğerine geçiyo ve ben farketmeden arkaplanda hidden'ı değiştiriyor