In this short article I will provide an informative tip for jQuery developers i.e. how to clear jQuery Autocomplete TextBox after item is selected from jQuery Autocomplete Items.
Below is an HTML Page with a jQuery Autocomplete TextBox.
<html xmlns="">
    <script src="" type="text/javascript"></script>
    <script src=""
    <link href=""
        rel="Stylesheet" type="text/css" />
    <script type="text/javascript">
        $(function () {
                source: ["c",
                         "sql server"],
                select: function (e, u) {
                    return false;
    <input type="text" id="autocomplete" />
    <br />
    <span id = "selection"></span>
I have defined the select event handler for the jQuery Autocomplete within which I have first cleared the TextBox by accessing it using the $(this) selector and then to stop further execution of the event I have added return false; statement.
Before clearing the TextBox I am storing the selected jQuery Autocomplete item in HTML SPAN with ID selection for display purpose, you can make use of Hidden Field too based on your requirement.
Clear jQuery Autocomplete TextBox after select

Clear jQuery Autocomplete TextBox after select