JQuery Autocomplete Где результаты являются ссылками

Я пытаюсь создать поле автозаполнения JQuery, где слова, которые предлагаются для автозаполнения, являются ссылками (аналогичными тому, что происходит на Facebook или Quora).

В принципе, я хочу, чтобы результаты автозаполнения были опущены, и я хочу, чтобы люди могли нажимать на них и переходить на другую страницу. Вот код, который я использую в настоящее время

<!DOCTYPE html>
<html>
<head>
  <link href="#" onclick="location.href='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css'; return false;" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

  <script>
  $(document).ready(function() {
    $("input#autocomplete").autocomplete({
    source: ["Spencer Kline", "Test Test Test Test Test Test Test Test Test", "php", "coldfusion", "javascript", "asp", "ruby"]
});
  });
  </script>
</head>
<body style="font-size:62.5%;">

<input id="autocomplete" />

</body>
</html>

Ответ 1