Delegation across different Javascript Objects

JournalEntryView.js

var JournalEntryView = function(container) {
	this.container = container;
}

JournalEntryView.prototype.onReplyButtonClicked = function(e) {
	e.preventDefault();
	// ...
};

JournalView.js

var JournalView = function(container) {
	this.container = container;
	this.container.on('click', '.reply-button', $.proxy(this, 'onReplyButtonClicked'));
	this.createJournalEntryViews();
}

JournalView.prototype.onReplyButtonClicked = function(e) {
	// work out which sub view to call the method on
	var viewId = this.getIdFromTarget(e.currentTarget);
	var view = this.subViews[viewId];
	view.onReplyButtonClicked(e);
};

JournalView.prototype.getIdFromTarget = function (target) {
	return parseInt(target.parents("[data-journal-entry-id']").getAttribute("data-journal-entry-id"), 10);
};

JournalView.prototype.createSubViews = function() {
	this.subViews = {};
	this.container.find('.journal-entry').each($.proxy(this, 'createSubView'));
};

JournalView.prototype.createSubView = function(i, el) {
	this.subViews[el.getAttribute('data-journal-entry-id')] = new SubView($(el));
};