How can I remove the duplication and do something like document.on(click, selector1, selector2, function() { // some code here });

gistfile1.js

$('.reward-sections ul li a').click(function() {

	var type = $(this).data('type');

	if ('link' === type || 'coming_soon' === type) {
		return true;
	}

	var reward_data = {
		'reward_id': $(this).data('reward-id'),
		'status': $(this).data('status'),
		'type': type
	};

	showRewardModal(reward_data);
});

$(document).on('click', '.resource-content li a', function(){
	var type = $(this).data('type');

	if ('link' === type || 'coming_soon' === type) {
		return true;
	}

	var reward_data = {
		'reward_id': $(this).data('reward-id'),
		'status': $(this).data('status'),
		'type': type
	};

	showRewardModal(reward_data);
});

What about something like this?

function doSomething(target) {

    var type = $(target).data('type');

    if ('link' === type || 'coming_soon' === type) {
        return true;
    }

    var reward_data = {
        'reward_id': $(taret).data('reward-id'),
        'status': $(target).data('status'),
        'type': type
    };

    showRewardModal(reward_data);

}
$('.reward-sections ul li a').click(function() {
    doSomething(this);
});

$(document).on('click', '.resource-content li a', function(){
    doSomething(this);
});