How do I change the value of embedded data on a button click?

I have a button that I paste into the HTML view section of my question text.

<button id="myButton" onclick="myFunction()">Click me</button>

I have the following code in the "Edit Question JavaScript" area:

Qualtrics.SurveyEngine.addOnReady(function()
{
/*Place your JavaScript here to run when the page is fully displayed*/

$('#myButton').on('click', () => {
/* change embedded data */
Qualtrics.SurveyEngine.setEmbeddedData("clickedButton", "yes");
});


});


And I also created the embedded data variable clickedButton at the start of the survey, with value set to "no".
The problem is, even when I click the button, the value of clickedButton is still equal to no.

What can I do to rectify this?