jQuery UI Autocomplete with jsfiddle echo json

http://bugs.jqueryui.com/ticket/7230

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/base/jquery-ui.css">
finalement, il suffisait de mieux lire la doc et de comprendre leur philosophie.<br>
<b>but initial.<br> avoir un autocomplete personnalisé,<br> reportant la selection dans un autre champ resultat<br>
preservant la saisie initiale du champ de recherche <br>
et affichant le menu deroulant de choix sous le champ resultat</b><br>
pour verifier l'argument de recherche, il est integré dans la reponse dynamique
<br><br>
Saisie: <input type="text" id="saisie" ></input>
taper n'importe quoi<br>
recherche<input type="text" id="search" value=""></input> affiche l'argument de recherche utilisé comme temoin<br>
Result: <input type="text" id="result" value=""></input> recoit le resultat selectionné

CSS

body{font:62.5% Verdana,Arial,sans-serif;}

JavaScript

$( "#saisie" ).autocomplete({
    position:{of:$( "#result" )}  // positionne l'autocomplete sous le champ resultat
    ,minLength: 1
    ,source: function( req, resp ) {
        $("#search").val(req.term);
        $.post( "/echo/json/", {
            json: '["'+req.term+'_11", "'+req.term+'_21", "'+req.term+'_31", "'+req.term+'_41", "'+req.term+'_51"]',
            delay: 1
        }, function(data) {
            resp( data );
        }, "JSON" );
    }
    ,select: function(evt, ui){
      $('#result').val(ui.item.label);
        
        return false;
    }
    ,focus:function(event,ui){
        return false;
    }
   ,search: function(event,ui){
      
    }
});