XMLHttpRequest cannot load No 'Access-Control-Allow-Origin'?

Question

$("#urlform").submit(function(event) {
    $.mobile.loading('show');
    event.preventDefault();
    loginurl("d", "d", "00:1C:B3:09:85:15", "Ekse")
    $.mobile.loading('hide');
});

var productServiceUrl = "http://someip/CaliberLIMS/Service1.asmx?op=UserLoginSts";

function loginurl(UserName, pswd, MacAddre, otherInfo) {
    var soapMessage =
        '<soap:Envelope xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/">' +
        +'<soap:Body>' +
        '<UserLoginSts xmlns="http://Caliberindia.com/webservices/">' +
        '<UserName>' + UserName + '</UserName>' +
        '<pswd>' + pswd + '</pswd>' +
        '<MacAddr>' + MacAddre + '</MacAddr>' +
        '<OtherInfo>' + otherInfo + '</OtherInfo>' +
        '</UserLoginSts>' +
        '</soap:Body>' +
        '</soap:Envelope>';

    $.ajax({
        url: productServiceUrl,
        type: "POST",
        dataType: "xml",
        data: soapMessage,
        complete: endSaveProduct,
        contentType: "text/xml; charset=\"utf-8\""
    });

    return false;
}

function endSaveProduct(xmlHttpRequest, status) {
    console.log(xmlHttpRequest.responseXML);
}

I have already allowed cross scription on the server but this request still doesn't work am i doing something wrong in the code.

EDIT:

Get the above error.