Autocomplete Textbox With Hyperlink

I want a autocomplete or auto suggest textbox with hyperlink on each suggested value like if we g it show result google or when we select google it redirect to google.com. Please a

Solution 1:

Let me give a snippet of code that i use

functionupdateAutoSrch()
 {
          $("#searchpro").autocomplete({
            source: function( request, response ) {
            $.ajax({
            url: "search",
            data: {proname: proname},
            dataType: "json",
            success: function( data ) {
            response( $.map( data, function( item ) {
                   return {
                       label: item.user_name,
                       value: item.user_name,
                       userid: item.user_id,
                       profile_image_path: item.profile_image_path
                   }
               }));
            }

            });
       }
  }).data("ui-autocomplete")._renderItem = function (ul, item) {
             var inner_html = "<a href='"+siteurl+"/user/"+item.userid+"'>"+ "</a>";
             return $("<li style = 'padding:20px 0 0 0;margin: 0 0 0 0;height:50px;' ></li>")
                     .data("item.autocomplete", item)
                     .append(inner_html)
                     .appendTo(ul);
         };
 }

using .data("ui-autocomplete")._renderItem we are modifying the default functionality of the autoload in jquery ui. item contains all the objects that are returned by success callback