title: jQuery autocomplete remote solr data source and custom data as html issue
body: <p>Hi i have the search application which having search suggestion textbox(basically autocomplete),</p>
  
  <p>the UI autocomplete data are come from remote solr host .i can able to get the data and display it in the dropdown list without any problem.</p>
  
  <p>The problem is i want to format my dropdown list into html custom data. so that it will display the user's image with some info.</p>
  
  <p>my code is  as follows : </p>
  
  <pre><code>$( "#user" ).autocomplete({
    source: function( request, response ) {
      $.ajax({
        url: "http://mysolrhot:port/?json.wrg=?",
        dataType: "jsonp",
        data: {
          q: request.term,
          wt: "json",
          Rows: 12,
          start:0,
        },
        success: function( data ) {
          response(
            $.map(data.reponse.docs, function(item) {
              return {
                label: item.name+ 
                value: item.name
              }
            })
          );
        }
      });
    },
    minLength: 2,
    select: function( event, ui ) {
  
    }
  });
  </code></pre>
  
  <p>The above code displayed only text information in the UI dropdown. Here i want the custom html output. For the i have tried with following code </p>
  
  <pre><code>.data( "autocomplete" )._renderItem = function( ul, item ) {
  
    return $("&lt;li&gt;&lt;li&gt;")
      .data( "item.autocomplete", item )
      .append( "&lt;a&gt;" + item.name + "&lt;br&gt;" + item.country + "&lt;/a&gt;" )
      .appendTo( ul );
  
  };
  </code></pre>
  
  <p>and i commended the response() block on success function() in the above auto complete. because  ._renderItem will going to handle the dropdown list.</p>
  
  <p>The problem is when i start typing in the text box nothing will happen.the request made successfully but dropdown will not come. in the javascript console their is no error also.</p>
  
  <p>Jquery i used as follows :</p>
  
  
  
  <pre><code>        &lt;script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"&gt;&lt;/script&gt;
          &lt;script src="http://jquery-ui.googlecode.com/svn/tags/latest/external/jquery.bgiframe-2.1.2.js" type="text/javascript"&gt;&lt;/script&gt;
          &lt;script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/i18n/jquery-ui-i18n.min.js" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>can any plz help  what is the error here .if version is the problem. pls let me know the working version...plz help me to come out from this issue</p>