How to change textbox value on select event with autocomplete (jQuery UI)

Question

Why won\'t #input-myBox clear when I select an item? It seems autocomplete is preventing my .val(\'\') to work so how can I workaround this?

Answer 1

event.preventDefault() stops autocomplete setting the field.

select: function (event, ui) {
  event.preventDefault();
  var selectedObj = ui.item;
  $("#input-myBox").appendTo(".foo");
  $("#input-myBox").val('');  
}