Changing Url Query Param with Jquery

Design help Custom code
1

I’m trying to navigate from my home page to a new page and pass in a query param when a grid item is clicked. I have this logic in custom code.

It changes the actual url in the address bar but doesn’t actually go to the page at that route.

Trying to go from home → https://recipe-blog-000.webflow.io/recipe?id=<id>

My go to navigate to that route is

card.addEventListener('click', function() {
   window.history.pushState({}, '', '/recipe?id=' + recipe.id);
});

any suggestions?

Here is my site Read-Only: Webflow - Recipe blog

2 
window.location.href = `/recipe?id=${recipe.id}`;

Those are backticks around the templatted string value. ^^