ajax call to controller is posting null value

See more:

Ajax

MVC

jQuery

I am getting id of selected row through JavaScript and passing it to controller via jquery ajax post method.but id is always null.here is my code.

view

<script type="text/javascript">
function DeleteVehicle() {
alert("working");
if (confirm("Do you want to delete vehicle: " + id)) {
 

//fetch id wherever you are fetching
var id = $(this).attr(id);
$.ajax({
 
type: "POST",
contentType:"application/json;charset=utf-8",
url: '@Url.Action("DeleteVehicle", "Vehicle")',
data: { "id": id },
dataType:"json",
success: function (data) {
alert("Success, sent data to controller");
},
error: function (data) {
alert("Error: " + data.responseText);
}
 
});
}
 

}
 


$(function () {//when the document is ready
$("#Delete").click(DeleteVehicle);
});
</script>

Controller

[HttpPost]

        public JsonResult DeleteVehicle(string id)
        {
            string userName = "someUserName";
            bool result = false;
            try
            {
                result = ovehc.RemoveVehicle(id, userName);

            }
            catch (Exception ex)
            {
            }
            return Json(new { result }, JsonRequestBehavior.AllowGet);

        }