Publicación AJAX - {"readyState": 0, "responseText": "", "estado": 0, "statusText": "error"} - javascript, php, jquery, ajax

Tengo este javascript pero no funciona: recibo el siguiente error: {"readyState":0,"responseText":"","status":0,"statusText":"error"} Este script se incluye en una página web de mi sitio que se encuentra en un subdirectorio del sitio.

Desde mi depuración, no entiendo de dónde puede provenir el error ... (ya que hago exactamente lo mismo para la página de índice de mi sitio con otro javascript que parece casi el mismo)

$(document).ready(function() {
//if submit button is clicked
$("#filterbtn").click(function () {

//Get the data from all the fields
var a = JSON.stringify( $("#multiselect").val() );
var b;
if ($("#b").prop("checked")) {
b = 0;
} else {
b = 1;
}
var c = JSON.stringify($("#Sliderstart").slider("value"));
var d = JSON.stringify($("#Sliderend").slider("value"));

//organize the data properly
var data = "b=" + b + "&c=" + c + "&d=" + d + "&a=" + a;

//start the ajax
$.ajax({
url: "./filter.php",
type: "POST",
data: data,
crossDomain: true,
cache: false,
success: function (html) {
document.getElementById("message").innerHTML=html;
},
error: function (e) {
alert(JSON.stringify(e));
}
});
return false;
});
});

Gracias chicos !

Aclamaciones

Respuestas

Este es el tipo de error que recibe cuando solicita un URL que no existe.

Intenta cambiar esto:

url: "./filter.php"

a un camino absoluto como este:

url: "/PATH_TO_FILTER/filter.php"