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")