Highlight term in Autocomplete (open event)

http://forum.jquery.com/topic/autocomplete-add-an-option-match

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/base/jquery-ui.css">
<div class="ui-widget">
    <label for="tags">Tags: </label>
    <input class="ui-widget ui-widget-content ui-corner-all" id="tags">
</div>

CSS

body { font: 100% Verdana,Arial,sans-serif }
input { padding: 0.3em }

JavaScript

$( "#tags" ).autocomplete({
    source: [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "perl" ],
    delay: 0,
    open: function( event, ui ) {
        var term = $( this ).val();
        $( this ).autocomplete( "widget" ).find( ".ui-menu-item > a" )
            .html( function(i, oldHtml) {
                return oldHtml.replace( term, "<b>$&</b>" );
            }
        );
    }
});