jquery ajax post passing empty value to controller

Question

I have this jquery script inside $(document).ready to post data to my database

$('#btnSaveStatus').on('click', function ()
{
//$('#btnSumitChanges').click()
var stid = $('#StoreID').val()
var oStid = $('#oldStatus').val()
var ddlID = $('#ddlStatusDef').val()
var strUrl = $('#txtUrl').val()debugger;
if (oStid != ddlID)
{
$.ajax({
url: strUrl,
type: 'POST',
contentType: 'apllication/html; charset=utf-8',
data:{'sToreid': stid,'StatusDefid': ddlID},
dataType: 'html',
success:function (result)
{
$('#DivStatus').modal('hide');
}
}
)
}

here is my action

public ActionResult ChangeStoreStatus(string sToreid, string StatusDefid)
{
}

the sToreid and StatusDefid are null in the action method even though inthe script the value are sent correctly. They're not received Can someone help me find out what is wrong here?

 

Regards