Trigger event on parent originating, bubbling up from child

If I have a <div class="timely"></div> containing a table, in that table is a <th class="prev"><i>previous</i></th>...Chrome dev tools say there is an event listener on the <th>, but Firefox dev tools points out it is not on the <th>, but the parent .timely, which Chrome also points out when viewing what is in the handler for this event.

What I am trying to do is replicate what happens on click, to happen on keyup. It doesn't seem as simple as, in jQuery:

$('.timely th').each(function(){
    $(this).on('keyup', function(){
        $(this).trigger('click');
    });
});

Because the event handler is on the .timely and it is listening from where the event bubbled up from when executing the code.

How can I replicate the click event on keyup of .timely with the context of it bubbling from the <th>?