Не показывает недавно введенные данные в Grid после использования Ajax

Question

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

[HttpGet]
    public ActionResult Index()
    {
        RoleBusinessLayer roleBusinessLayer = new RoleBusinessLayer();
        List<Role> roles = roleBusinessLayer.Roles.ToList();
        ViewBag.Roles = roles;
        return View();
    }
    [HttpPost]
    public ActionResult Index(Role role)
    {
        if(ModelState.IsValid)
        {
            RoleBusinessLayer roleBusinessLayer = new RoleBusinessLayer();
            roleBusinessLayer.SaveRole(role);
            return RedirectToAction("Index");
        }
        else
        {
            return View();
        }            
    }

На просмотре:

<script>
    $(document).ready(function () {
        $('#SaveRole').click(function () {
            var data = $('#RoleForm').serialize();

            $.ajax({
                type: 'Post',
                url: '/Role/Index',
                data: data,
                success: function (response) {
                    alert("Role Information Saved!");
                }
            })
        })
    })
</script>

что мне делать, чтобы отобразить вновь введенные данные в сетке, как только я нажму кнопку сохранения?