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

Also, you can use 'return false;' to stop autocomplete setting the field.

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