Customized jQuery UI Autocomplete Widget: List Items with description

autocomplete.js

$("#tags").autocomplete({
    source : availableTags,
    select : function(event, ui) {
        itemTitleDesc = split(ui.item.value);
        if (is_array(itemTitleDesc)) {
            itemTitle = itemTitleDesc[0];
            if (itemTitleDesc.length > 1) {
                itemDesc = itemTitleDesc[1];
                itemDesc = itemDesc.replace(")", "");
            }
            ui.item.value = itemTitle;
        }
    }
}).data("autocomplete")._renderItem = function(ul, item) {
    itemTitleDesc = split(item.value);
    var desc = "";
    if (is_array(itemTitleDesc)) {
        itemTitle = itemTitleDesc[0];
        if (itemTitleDesc.length > 1) {
            itemDesc = itemTitleDesc[1];
            itemDesc = itemDesc.replace(")", "");
            desc = '<br/><span><small>' + itemDesc +
                '</small></span>';
        }
        var itemContent = '<span><strong>' + itemTitle +
            '</strong></span>' + desc;
        return $("<li></li>")
            .data("item.autocomplete", item)
            .append($("<a></a>").html(itemContent))
            .appendTo(ul);
    } else {
        return $("<li></li>")
            .data("item.autocomplete", item)
            .append($("<a></a>").html(item.label))
            .appendTo(ul);
    }
};
});

available-tags.js

$(function () {
    var availableTags = [
        "ActionScript",
        "AppleScript",
        "Asp",
        "BASIC",
        "C",
        "C++",
        "Clojure",
        "COBOL",
        "ColdFusion",
        "Erlang",
        "Fortran",
        "Groovy",
        "Haskell",
        "Java",
        "JavaScript",
        "Lisp",
        "Perl",
        "PHP",
        "Python",
        "Ruby",
        "Scala",
        "Scheme"
    ];
    $("#tags").autocomplete({
        source: availableTags
    });
});

is_array.js

function is_array(input) {
    $ret = typeof (input) == 'object' && (input instanceof Array);
    return $ret;
}

function split(val) {
    return val.split("(");
};

jquery.ui.autocomplete.js

/*
* jquery.ui.autocomplete.js
* Line Number: 449
*
*/
_renderItem: function (ul, item) {
    return $("<li></li>")
        .data("item.autocomplete", item)
        .append($("<a></a>").text(item.label))
        .appendTo(ul);
}

render-item.js

_renderItem = function (ul, item) {
    itemTitleDesc = split(item.value);
    var desc = "";
    if (is_array(itemTitleDesc)) {
        itemTitle = itemTitleDesc[0];
        if (itemTitleDesc.length > 1) {
            itemDesc = itemTitleDesc[1];
            itemDesc = itemDesc.replace(")", "");
            desc = '<br/><span><small>' + itemDesc + '</small></span>';
        }
        var itemContent = '<span><strong>' + itemTitle
            + '</strong></span>' + desc;
        return $("<li></li>").data("item.autocomplete", item).append(
            $("<a></a>").html(itemContent)).appendTo(ul);
    } else {
        return $("<li></li>").data("item.autocomplete", item).append(
            $("<a></a>").html(item.label)).appendTo(ul);
    }
};

select.js

select : function (event, ui) {
    itemTitleDesc = split(ui.item.value);
    if (is_array(itemTitleDesc)) {
        itemTitle = itemTitleDesc[0];
        if (itemTitleDesc.length > 1) {
            itemDesc = itemTitleDesc[1];
            itemDesc = itemDesc.replace(")", "");
        }
        ui.item.value = itemTitle;
    }
}