title: why won't select2 events fire correctly?
body: <p>Given the below coffeescript</p>
  
  <pre><code>class ModalController
    constructor: (modalClass) -&gt;
      @modalClass = modalClass
      @enableSelect2()
      @clearSelectOptions()
  
    enableSelect2: () -&gt;
      $('.select2-init').select2()
        .on 'select2-open', (e) -&gt;
          console.log e
        .on 'select2:selecting', (e) =&gt;
          console.log 'added'
          @validatePresenceOf($(e.target))
  </code></pre>
  
  <p>I would expect that when I've made a selection the above code specifically the line calling <code>.on 'select2:selecting</code> should fire, this is def not the case as is documented in the below snippet.</p>
  
  <p><img src="https://cl.ly/image/2P3d3F0y3k1o/Screen%20Recording%202015-04-03%20at%2010.38%20AM.gif" alt="https://cl.ly/image/2P3d3F0y3k1o/Screen%20Recording%202015-04-03%20at%2010.38%20AM.gif"></p>
  
  <p>I'm basing my understanding of this off the select2 docs</p>
  
  <p><img src="https://cl.ly/image/2Z3k0q2b2H1V/Image%202015-04-03%20at%2010.40.37%20AM.png" alt="https://cl.ly/image/2Z3k0q2b2H1V/Image%202015-04-03%20at%2010.40.37%20AM.png"></p>
  
  <p>How to resolve this? </p>
  
  <p>re possible typo in event selection, </p>
  
  <p>the below coffeescript</p>
  
  <pre><code>  enableSelect2: () -&gt;
      $('.select2-init').select2()
        .on 'change', (event) =&gt;
          if event.added
            @validatePresenceOf($(event.target))
        .on 'select2:selecting', (e) =&gt;
          console.log "selecting"
        .on 'select2:select', (e) =&gt;
          console.log "select"
        .on 'select2-removed', (e) =&gt;
          @validatePresenceOf($(e.target))
  </code></pre>
  
  <p>produces the below, notice no log statements (though i've hacked the validations i'm looking for by the use of the <code>event.added</code> check.</p>
  
  <p><img src="https://cl.ly/image/1l3Y3h1a1e2t/Image%202015-04-03%20at%2011.05.41%20AM.png" alt="https://cl.ly/image/1l3Y3h1a1e2t/Image%202015-04-03%20at%2011.05.41%20AM.png"></p>
  
  <p>the pattern <code>select2:eventname</code> doesn't do anything, ie, no logging, no hooks.  this is odd.  I found the <code>select2-eventname</code> pattern on a random site I found on the internet.  This is super odd and disconcerting for me, this seems like a straightforward bit of code. </p>