title: How to set jquery autocomplete item to razor ActionLink helper
body: <p>I use jquery autocomplete in my application but I am not satisfied on how I handle click on autocomplete items:</p>
  
  <pre><code>$(function () {
          $("input#autocomplete").autocomplete({
              source: function (request, response) {
                  $.ajax({
                      url: '@Url.Action("Search", "Navigation")', type: "POST", dataType: "json",
                      data: { searchTerm: request.term, maxResults: 10 },
                      success: function (data) {
                          response($.map(data, function (item) {
                              return { label: item.Name,
                                  value: item.CityId
                              }
                          }))
                      }
                  })
              },
              select: function (event, ui) {                
                  window.location.href = '@Url.Action("Index", "Home")' + '/' + ui.item.value;
              }
          });
      });
  </code></pre>
  
  <p>This works but from time to time this doesn't work.<br/>
  Is there any way to add <code>@Html.ActionLink...</code> as item?</p>