Bound events not triggering - jquery

See more:

HTML

jQuery

HTML5

I want to trigger a function where a dynamic button triggers a function.

What I have tried:

I tried using the "onclick" attribute of a button, but that didn't work. Then I binded it with jQuery, and then the event listener at least showed up in Chrome DevTools, but nothing happened. But when the function was run from the console it worked. Find the video here.

I am using this to bind the button:

$('button#prev').on('click', window.prev);
$('button#next').on('click', window.next);

as you can see in chrome devtools(in the video), the button is bound, but it still doesn't work. Please Help, and Thank You!