Pop up not showing when clicking ID

I have created a popup and have it set to JavaScript event and have entered the id of the link I've created but it doesn't show when I click the link.

The id I've entered in the pop up setting is: #buy-now

The link I have in the page is:
I also tried applying a buy-now class and still nothing. When I click the link the page just refreshes.
All plugins are up to date. And I though I should add that the pop up contains a contact form (Gravity Forms).
I'll allow support access just in case.

Thanks in advance!