title: Jquery autocomplete is not working
body: <p>I am trying to use autocomplete functionality of jquery into my project. But i have no idea why it is not even calling.</p>
  
  <p>I have put my jsp file as below..</p>
  
  <pre><code>&lt;input id="productName" name="productName" type="text" placeholder=""/&gt;
  </code></pre>
  
  <p>And in my js file.. i have written..</p>
  
  <pre><code>$("#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" );
          }
      });
  </code></pre>
  
  <p>As i show in fire-bug.. i can see below js loaded..with this page...</p>
  
  <pre><code>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..
  </code></pre>
  
  <p>There is no any error in console...while loading page..</p>
  
  <p>I don't know what's the problem.. i am really stuck into this..
  As a framework i am using broadleaf as a spring-mvc..</p>
  
  <p>Thanks in advance</p>