Jquery cross domain request not working

Question

I'm trying to send a cross domain request using Jquery ajax.

My code here:

$.ajax({
    url: 'http://my.domain.com/api/user/66f041e16a60928b05a7e228a89c3799/events/c60d870eaad6a3946ab3e8734466e532',
    type: 'GET',
    dataType: 'json',
    crossDomain : true,
    success: function(eventDetailsResponse) {
                response = JSON.stringify(eventDetailsResponse);
                console.log(eventDetailsResponse);
             },
    error: function() {  },
    beforeSend: function(xhr) {
                   xhr.setRequestHeader('key1', 'value1');
                   xhr.setRequestHeader('key2', 'value2');
                   xhr.setRequestHeader('key3', 'value3');
                }
});