jQuery UI Autocomplete in ASP.NET MVC 4 does not work

Question

I'm deploying autocomplete jQueryUI in ASP.NET MVC 4 but it wasn't working perfectly. When I typed a name of Bike, it displays an error like this parsererror . Here's my simply code:

public JsonResult GetAutoComplete(string modelname)
    {
        var result = db.Products;
        var search = result.Where(p => p.Name.ToLower().Contains(modelname.ToLower())).ToList();
        return this.Json(result, JsonRequestBehavior.AllowGet);
    }

Index.cshtml:

<script type="text/javascript">
    //Javascript function to provide AutoComplete and Intellisense feature for finding Users.
$(document).ready(function () {
    $("#Name").autocomplete({
        source: '@Url.Action("", "StoreManager")'
    });
});
 </script>
<p>
    Search the Name of Bikes @Html.TextBox("Name")
    <input type="submit" value="Submit" id="GetName" />
</p>

Does anyone can tell me where I'm doing something wrong ? I just updated my code.

Answer 1

try this it may helpful to you.

<script src="../../Scripts/jquery-1.8.3.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-ui.js" type="text/javascript"></script>
<script type="text/javascript">
  $(function () {
      $('#Name').autocomplete({
          source: '@Url.Action("GetAutoComplete")',
          minLength: 3,
          select: function (evt, ui) {
            }
      });
  });
 </script>