JQuery Autocomplete Bold tag

by Muhammad Irfan Khan

HTML

<div class="ui-widget">
    <label for="tags">Tags: </label>
    <input class="ui-widget ui-widget-content ui-corner-all" id="tags">
</div>

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>" );
            }
        );
    }
});