Запустить метод перед закрытием автозаполнения jQueryUI при щелчке вне списка

Question

Я использовал автозаполнение jQueryUI в своем проекте. Я добавил автозаполнение в #wrapperDiv, которое также имеет button внизу.

Когда я пытаюсь нажать эту кнопку, запускается метод close автозаполнения вместо открытия myfunction() с этой кнопки. myfunction() должен запускаться первым, а не запускать close из автозаполнения. Также полезен запуск обоих в худшем случае.

<div class="parentElem">
  <div id="wrapperDiv">Autocomplete will append here.</div>
  <button onclick="myfunction()">Open pop</button>
</div>

$(".test").autocomplete({
  source: "something",
  minLength: 1,
  delay: 200,
  appendTo: '#wrapperDiv',
  select: function(event, ui) {
    return false;
  },
  open: function(event, ui) {
    $(this).addClass("suggestion-box");
  },
  close: function(event, ui) {
    //Some executions
  }
});