asp.net mvc 4 - Autocomplete not working in jQuery

Question

I am trying to get all usernames in jQuery autocomplete but it doesn't seem to work at all.

controller-

  public ActionResult Allusers(string Email) {
            if (ModelState.IsValid) {
               var allUser = (from us in db.SystemUsers
                           select new UserModel
                {
                Email=us.Email,
                UserId=us.UserId
                }).Distinct().ToArray();

                //   ViewBag.Team = allUser.OrderBy(x => x.Text);
                return Json(allUser,JsonRequestBehavior.AllowGet);
            }
            return View();
        }

Script-

<script type="text/javascript">
    $(function () {
        $("input #autocomplete").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: '/AllUsers/AllUsers/',
                    type: "POST",
                    dataType: "json"

                });
            }
        });
    });
</script>

Following scripts I am using for it-

<script src="../../Scripts/jquery.unobtrusive-ajax.min.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-ui-1.8.11.js" type="text/javascript"></script>

But no luck.

Answer 1

Try as follows

<script type="text/javascript">
$(function () {
    var itemList = [];
    $("input #autocomplete").autocomplete({
        source: function (request, response) {
            $.ajax({
                url: '/AllUsers/AllUsers/',
                type: "POST",
                dataType: "json",
                Sucess: function(result) {
                    $.each(result, function (index, item) {
                         itemList.push({ label: item.Email, value: item.UserId});
                    });
                }
            });
        response(itemList);
        }
    });
});