Changing Url Query Param with Jquery

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 →<id>

My go to navigate to that route is

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

any suggestions?

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

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

Those are backticks around the templatted string value. ^^