I am using jQuery auto-complete plugin in my web project. I want to show 3 element and after that i want to append 'see all results' link to the bottom.

I tried with following code.

$( ".grid-search-box" ).autocomplete({
      minLength: 0,
      source: temp,
    focus: function( event, ui ) {
       $( ".grid-search-box" ).val( ui.item.value );
       return false;
     },
     select: function( event, ui ) {
        $( ".grid-search-box" ).val( ui.item.value );
          return false;
             }
    }).data( "autocomplete" )._renderItem = function( ul, item ) 
         {
        return $( "<li></li>" )
           .data( "item.autocomplete", item )
           .append( "<a><span class='" + item.status + "'></span>" + item.value + "</a>" )
        .appendTo( ul );
                        };

Can anybody suggest me, how to solve it.