Convert table row into clickable link using javascript

I am trying to replicate what I had used in our current site created in dreamweaver to convert a table row into a clickable link. It used some simple javascript as follows:

<script>
jQuery(document).ready(function($) {
    $(".clickable-row").click(function() {
        window.location = $(this).data("href");
    });
}); 
</script>

And here’s the html:

<tr class='clickable-row' data-href='application-details-manual.php?appID=[dynamicValue]'>
<td></td>
<td></td>
<td></td>
</tr>

I have placed the javascript at the top of my page in wappler ( below all dmx js file ) - see attachment

and I have replicated the html above in the html in my wappler page.

But it doesnt work! I would also like to bind a url variable to the link

Any Ideas anyone? Thanks in advance!

Screenshot 2020-08-14 at 15.38.111207×824 199 KB

Screenshot 2020-08-14 at 15.39.221214×381 68.3 KB