I am trying to change a hashed URL (document.location.hash) with the replace method, but it doesn\'t work.
$(function(){
var anchor = document.location.hash;
/
Either use location or window.location instead of document.location as the latter is a non-standard.
window.location.hash = '#food';
This will replace the URL's hash with the value you set for it.
Reference
You may prefer the answer of this question.
The difference being that with history.replaceState() you don't scroll to the anchor, only replace it in the navigation bar. It's supported by all major browsers, source.
history.replaceState(undefined, undefined, "#hash_value")