【jQuery】autocompleteの候補をクリックしたらフォーカスが外れるようにしたい

実現したいこと

果物の名前を検索して打てるようにしています。
入力が完了したら自動でフォーカスが外れるようにしたいのですが、autocompleteで入力を補助するとblur()で指定した条件を満たしてもフォーカスが外れません。手入力で"りんご"と打った場合にはフォーカスが外れました。
autocompleteの候補から入力してもフォーカスが外れるようにしたいです。考えられる原因、解決法として何がありますか？

該当のソースコード

html

1<input id="fruit" type="text" oninput="func1()">

JavaScript

1$(function(){2 var kouho = [3 "りんご",4 "ばなな",5 "みかん"6 ];7 $("#fruit").autocomplete({8 source: kouho,9 autoFocus:true,10 minLength:1,11 });12});13 14const fruit = document.getElementById("fruit");15const func1 = () => {16 const elem = document.activeElement;17 if(elem.value == 'りんご') {18 elem.blur();19 }20}