ASP.NET MVC + AJAX

Hi,

I'm working app with phonegap using MVC Controller & AJAX and i have problem with my login page,which i cant Login :(

This what i have in my Controller :

 [Route("Login/{Mail}/{pass}")]
        [HttpPost]
        public JsonResult Login(string Mail, string pass)
        {
            var hashedPass = PasswordSecurity.PasswordStorage.CreateHash(pass);
            using (DataContext db = new DataContext())
            {
                var query = from cbr in db.Contact_Business_Relation
                            join c in db.Contact on cbr.Contact_No_ equals c.Company_No_

                            join sa in db.Sales_Header on cbr.No_ equals sa.Sell_to_Customer_No_
                            join px in db.PX2 on c.E_Mail equals px.Email_ID

                            where c.E_Mail == Mail.ToLower()
                            select new
                            {
                                Mail = c.E_Mail,
                                pass = px.PS,
                             
                            };

                var user = query.FirstOrDefault();
                var CheckPass = PasswordSecurity.PasswordStorage.VerifyPassword(pass, user.pass);

                if (user != null && CheckPass)
                {
                    Session["Email"] = user.Mail.ToString();
                }

                return Json(user, JsonRequestBehavior.AllowGet);
            }

and this what i have in my Login.html:

<form id="loginForm" class="login100-form validate-form"><span class="login100-form-title">
                        Login</span><div class="wrap-input100 validate-input" data-validate="Valid email is required: ex@abc.xyz"><input class="input100" type="text" name="Mail" id="logEmail" placeholder="Email"><span class="focus-input100"></span><span class="symbol-input100"><i class="fa fa-envelope" aria-hidden="true"></i></span></div><div class="wrap-input100 validate-input" data-validate="Password is required"><input class="input100" type="password" name="pass" id="logPassword" placeholder="Password"><span class="focus-input100"></span><span class="symbol-input100"><i class="fa fa-lock" aria-hidden="true"></i></span></div><div class="container-login100-form-btn"><button id="login" class="login100-form-btn">
                            Login</button></div><div id="msg"></div>

and this my Ajax function:

<script type="text/javascript">$(document).ready(function () {$("#login").click(function () {$("#msg").html("Logging in...");
            var data = {"Mail": $("#logEmail").val(),"pass": $("#logPassword").val(), 
                };$.ajax({
                url: "http://xxxx/Account/Login/" + data.Mail + '/' + data.pass,
                type: "POST",
                data: JSON.stringify(data),
                success: function (status) {$("#msg").html(status.msg);
                    if (status.Success)
                    {
                        window.location.href = "Program/ProgramList";
                    }

                },
                failure: function (status) {
                    alert(status.responseText);
                }, //End of AJAX failure function
                error: function (status) {
                    alert(status.responseText);
                } 
            });
        });
    });
</script>

did i miss something ? when i try login i get alert undefined

Can anyone please point me in right direction?!

thanks