Może jakieś wskazówki

bo nie ogarniam tego troche

Mój formularz:
<form id='form' method ='POST' action='/'>
Telefon: <input type='text' name='phone' id='phone' >
Mail: <input type
='text' name
='mail' id
='mail' >
<span class='button' id='submit' style='font-family:Verdana;'>Wyślij</span>
</form>
Powyższy kod umieszczony jest na sewerze klienta. www.klient.com.pl
Dołączone sa do nagłówkach adres skryptu, którego treść jest taka
$(document).ready(function(){
$("#submit").click(function(){
var hasError = false;
var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
var nameVal = $("#phone").val();
var emailVal = $("#mail").val();
if(nameVal == '') {
$("#phone").css(errorMarks, errorColor);
hasError = true;
}
if(emailVal == '') {
$("#mail").css(errorMarks, errorColor);
hasError = true;
} else if(!emailReg.test( emailVal )) {
$("#mail").css(errorMarks, errorColor);
hasError = true;
}
if(hasError == false) {
$("#form").fadeTo("slow", 0.30, function() {
$.ajax({
type: "POST",
url: 'http://www.mojadomena.pl/zapisz_dane.php',
data
: { phone
: nameVal
, mail: emailVal
, tresc
: messageVal
, id
:idVal
, pan
:panVal
}, success: function(msg) {
$("#panel").html(msg);
$("#form").fadeIn("slow");
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
$("#panel").html('Error');
$("#form").fadeIn("slow");
}
}
);
});
}
else
return false;
});
});
plik zapisz_dane.php znajduje się na moim serwerze. Jeżeli formularz znajduje się na moim serwerze pięknie działa natomiast na innym wyświetla error wiem że chodzi o cross-domain javascript ale jakoś nie mogę tego zbytnio ogarnąć jak to przerobić by działało

może jakieś wskazówki dla laika w tej kwestii