title: jquery ui autocomplete is automatically turned off
body: <p>im using jquery ui to achieve autocomplete. mY code looks like this</p>
  
  <pre><code>$(function(){
  
  $('input[name=store]').attr('autocomplete','on');
  
          $( "input[name=store]" ).autocomplete({
          source: function( request, response ) {
              //alert('hello');
              $.ajax({
                  url: "http://localhost/dheeps/admin/calls/callback.php",
                  dataType: "jsonp",
                  data: {
  
                      sub:"searchstore",
  
                      store: request.term
                  },
                  success: function( data ) {
                      //alert('hello');
                      response( $.map( data.data, function( item ) {
                          //alert(item);
                          return {
                              label: item.name + (item.id1 ? ", " + item.adminName1 : "") + ", " + item.id,
                              value: item.id
                          }
                      }));
  
                  }
              });
          },
          minLength: 2,
          select: function( event, ui ) {
  
          },
          open: function() {
              $( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );
              //alert('helo');
          },
          close: function() {
              $( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );
          }
      });
  
  });
  </code></pre>
  
  <p>And the in the html of the form I found the input's element autocomplete attribute set to off. Is this why my code is not working. Please guide me</p>