I have deployed an app on heroku - http://appsparkler.heroku.com and created a custom domain for it - www.appsparkler.com
Then, from goDaddy, where I have purchased this domain name appsparkler.com, I forward with masking to http://appsparkler.heroku.com and redirect 301 (Permanent). Screenshot
Then, I made changes to the DNS ZONE FILE where I added CNAME and A Host as per a blog I found on the internet.
This works fine and when I visit www.appsparkler.com I am redirected with masking and can also visit the various links with the URL changing to the link I click on. However, when I browse the webapp with appsparkler.com i.e. without the www, I can go to the various links; however, the links in the address bar don't get updated. For comparision, I have added screenshot of address bar when on home page, first with www.appsparkler.com and then with appsparkler.com. We can see that /home doesn't reflect in second one. Moreover, even the favicon.ico doesn't appear in the second one (without www) as we can see...
I have tried searching a lot and also tried trial and errors with different settings and looked for solutions on the web and nothing worked.
Please help. Thank you in advance.