@model IEnumerable<AjaxPaging.Models.Person>
@{
    ViewBag.Title = "Index";
}
<h2>
    Person List</h2>
<div id="PersonContainer">
    @Html.Partial("_PersonList", Model)
</div>
<script type="text/javascript">
    function OnCriteria(page, includeNewCriteria) {

        var crit;

        if (includeNewCriteria) {
            crit = ($('#criteria'))[0].value;
        } else {
            crit = ($('#lastedCriteria'))[0].value;
        }

        $.ajax(
          {
              type: "GET",
              url: "/Home/GetPersons?criteria=" + crit + "&page=" + page,

              success: function (result) {
                  $("#PersonContainer").html(result.toString());
              },

              error: function () {
                  alert("Searching failed!");
              }
          });
    }
</script>