Trigger 'next' pagination in a collection list

Design help Custom code
1

I have a slider element. Using jQuery, on click of a custom button, I can trigger its next slide, like this:

$('.custom-button').click(function(){ 
$('.w-slider-arrow-right').click();
});

This allows me to create an entirely custom ‘next’ button and place it anywhere on the page, not just within the slider element.

However the same approach does not work for the ‘next’ button on collection list pagination:

$('.custom-button').click(function(){ 
$('.w-pagination-next').click();
});

Can anyone shed any light on why this might be, and possible solutions I can try?