title: jquery autocomplete json and clickable link through
body: <p>I've been at this for a while and I'm making very slow progress mostly because my jquery skills need improvement, I am trying though :)</p>
  
  <p>I have this code:</p>
  
  <pre><code>jQuery(function() {
    jQuery("input#search").autocomplete({
      minLength: 2,
      source: function(request, response) { 
        jQuery.post("index.php?option=com_eat&amp;view=search&amp;format=raw", { 
          "'.$token.'": "1",
          search_string: request.term
        }, function(data) { 
          response( jQuery.map( data, function( item ) {
            return {
              value: item.name,
              url: item.url
            }
          }));
        }, "json"); 
      }
    });
  });
  </code></pre>
  
  <p>The return from the post is json in the form:</p>
  
  <pre><code>data.url = some_url;
  data.name = some_name;
  </code></pre>
  
  <p>I want to have the autocomplete populated by the json data.name and if any of these are clicked it directs the page to data.url.</p>
  
  <p>The real issue for me is getting the JSON data from the response into the autocomplete results. There aren't too many examples of this on the web that suit my circumstances, well none that I can find.</p>
  
  <p>Thanks for any help.</p>