I have the following code to make a "POST" on my end point as follows:

```
var response = $resource(serviceURL, {}, {
        get: {
            method: "POST",
            headers: {
                'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
            },
            transformRequest: function(obj) {
                var str = [];
                for(var p in obj) {
                    str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
                }
                return str.join("&");
            }
        }
    });

response.get({
        grant_type : grantType,
        client_id : clientId ,
        client_secret: clientSecret,
        username : username,
        password : passwordValue
    }, function(data) {
        alert("Authenticated ...");
    }, function(error) {
        alert("Error");
    });

```

This code for authenticating the users works in the desktop browsers (tested on Chrome) but it is the same code for my Cordova iOS and Android project, but on devices/simulator/emulator, it only executes the fail method.

I have checked the Cordova's config.xml file and it's not a cross domain issues (I have < access orogin="\*" /> in the config.xml file).

I have been trying to resolve this for hours but still no luck. 

Why is it only failing in devices/emulator/simulator but works in browsers ???