With Backbone.js, how to Bind to an array's changes w/o needing to manually trigger?
===

I'm creating an invitation dialog that allows users to enter emails. Currently in the model I am creating an array to hold the emails:

	initialize : function() {
		this.model.set({
			invite_email_array : new Array()
		});
	}


And then I'm adding/removing items in the view like so:

    this.model.get('invite_email_array').push('email@domain.com');


Then problem is the binder is not being triggered when I either add or remove an email from the model. Here is my binder:

	binder : function() {
              model.on("change:invite_email_array", onInviteEmailArrayChange() )
	}


The only way I was able to get the binding to trigger was to trigger it manually when I make updates.. an ugly hack

     this.model.trigger("change:invite_email_array");



Any suggestions on a better way to maintain a list of emails and then be able to bind to the object on add/removes?

Thanks

