I have a generic handler (cookiecutter.ashx) on a cloud server that sets a cookie. I need to read this cookie from my local production server. The cloud server uses a subdomain of the domain on the production server (for example the handler is at cloudserver.example.com and the production server is www.example.com). The domain of the cookie is set to ".example.com". If I browse directly to cookiecutter.ashx in a browser, the cookie gets created and is visible in the browser cookie collection (using Chrome DevTools) and I can read the cookie from www.example.com. However, if I make an ajax call(JQuery) to the handler from www.example.com, the cookie can't be read from www.example.com and does not appear in the browser cookie collection.
Why is the cookie only readable from www.example.com if I browse directly to the handler? Is there any way to get the same result when calling the handler using ajax?