title: Backbone custom event trigger not being recognised?
body: <p>I'm learning Backbone.js for the first time and I'm having an issue trying to get a custom event from triggering (or from the View from recognising when it's been triggered)?</p>
  
  <p>You can see my Collection code here: <a href="https://github.com/Integralist/Backbone-Playground/blob/master/Assets/Scripts/App/main.js#L72-86" rel="noreferrer">https://github.com/Integralist/Backbone-Playground/blob/master/Assets/Scripts/App/main.js#L72-86</a> which when initialized it triggers a custom <code>collection:init</code> event.</p>
  
  <pre><code>var Contacts = Backbone.Collection.extend({
      model: Contact,
  
      initialize: function(){
          this.trigger('collection:init');
          this.bind('add', this.model_added, this);
      },
  
      model_added: function(){
          console.log('A new model has been created so trigger an event for the View to update the &lt;select&gt; menu');
      }
  });
  </code></pre>
  
  <p>But later on in my View where I'm listening for that event I can't get the function <code>populate</code> to fire: <a href="https://github.com/Integralist/Backbone-Playground/blob/master/Assets/Scripts/App/main.js#L90-107" rel="noreferrer">https://github.com/Integralist/Backbone-Playground/blob/master/Assets/Scripts/App/main.js#L90-107</a></p>
  
  <pre><code>var ContactsView = Backbone.View.extend({
      initialize: function(){
          console.log(contacts.models, 'get initial model data and populate the select menu?');
      },
  
      events: {
          'collection:init': 'populate',
          'change select': 'displaySelected'
      },
  
      populate: function(){
          console.log('populate the &lt;select&gt; with initial Model data');
      },
  
      displaySelected: function (event) {
          console.log('get model data and display selected user', event);
      }
  });
  </code></pre>
  
  <p>Any ideas what I'm doing wrong?</p>