When the form is submitted, you initiate an AJAX request. But you don't cancel the form submission, so your page unloads and navigates to the form's action instead.
Use
event.preventDefault()
to stop the form from being submitted so that your AJAX request has a chance to run.
$("#searchForm").submit(function (event) {
event.preventDefault();
$.ajax({
type: 'POST',
url: url,
data: formData,
contentType: "application/json; charset=utf-8",
traditional: true,
success: function (data, textStatus, jQxhr) {
var result = data;
},
error: function (jqXhr, textStatus, errorThrown) {
console.error(errorThrown);
}
});
}