Why Actionmethod is not hitting in controller using ajax

Question

Hello everyone when i am clicking button, why action method is not calling can anyone suggest me ??

 

VIEW

======= 

<script>

function SaveAndNextButton(e) {

var value = $(".selected td:first").html();

$.ajax({

type: "POST",

url: "/Cashier/Delete",

data: {

values: value

},

});

}

</script>

 

<input type="submit" id="btndelete" class="btn btn-primary" value="DELETE" onclick="SaveAndNextButton()" />

 

Controller

========

public JsonResult Delete(int ItemName)

{

 //

}