Jquery autocomplete funktioniert nicht

Ich versuche, verwenden Sie AutoVervollständigen-Funktion von jquery mit in mein Projekt. Aber ich habe keine Ahnung, warum es nicht auch fordern.

Ich habe meine jsp-Datei wie unten..

<input id="productName" name="productName" type="text" placeholder=""/>

Und in meiner js-Datei.., die ich geschrieben habe..

$("#productName").autocomplete({
        /*source: '${pageContext. request. contextPath}/search'*/
        source: function( request, response ) {
            alert('asdfasdfasdfasdfadsf');
            $.ajax({
                url: "/../search",
                data: "q="+request.term,
                dataType: "json",
                success: function( data ) {
                    response( $.map( data.values, function( item ) {
                        return {
                            label: item.label,
                            value: item.value
                        }
                    }));
                }
            });
        },
        minLength: 2,
        select: function( event, ui ) {
        },
        open: function() {
            //$( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );
        },
        close: function() {
            //$( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );
        }
    });

Als ich in fire-bug.. ich kann siehe unten js geladen..mit dieser Seite...

bootstrap.min.js
jquery-ui.js
jquery-v2.0.3.js
jquery.autocomplete.js
jquery.big-slide.js
jquery.big-slide.js
jquery.big-slider.min.js
jquery.validate.js
product.js - this contains above js code..

Es gibt keine Fehlermeldung in der Konsole...beim laden der Seite..

Ich weiß nicht, was das problem ist.. ich bin wirklich stecken in diesem..
Als framework verwende ich broadleaf als spring-mvc..

Vielen Dank im Voraus