title: Knockout select change event not firing
body: <p>I have multiple dropdowns which bind to my view model of items - this collection is refreshed when a user performs an action elsewhere. The problem I am having is that the change event is not firing -</p>
  
  <pre><code>                &lt;div id="case-pin-@modelItem.CaseID" class="row hidden popovercontainer pinBinding"&gt;
                      &lt;select id="pingroup_@modelItem.CaseID"
                              data-bind="options: userPins, optionsCaption:'-- please select --', optionsText: 'Name', optionsValue: 'Id', event: { change: function(data, event) { pinChanged(data, event,'@modelItem.CaseID') } }"&gt;&lt;/select&gt;
                  &lt;/div&gt;
  </code></pre>
  
  <p>I have tried to the subscribe (but this would not work with the optionsCaption specified) as well as the event.</p>
  
  <pre><code>function UserPinViewModel() {
      var self = this;
      self.userPins = ko.observableArray([]);
      //self.selectedPin = ko.observable();
  
      //self.selectedPin.subscribe(function(newValue) {
      //    console.log(newValue);
      //});
  
      self.pinChanged = function (data, event, caseId) {
          alert(caseId);
      }
  }
  
  var objPin;
  
  $(function () {
      objPin = new UserPinViewModel();
  
      $(".pinBinding").each(function () {
          ko.cleanNode(this);
          ko.applyBindings(objPin, this);
      });
  })
  </code></pre>
  
  <p>The reason I need to use an event instead of subscribing is because I need the identifier to determine which entity the dropdown has been changed one as well as the new value selected.</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>So modified the code based upon the comment provided, however, the alert in the subscription is still not firing ...</p>
  
  <pre><code>function UserPinViewModel(caseId) {
      var self = this;
      self.userPins = ko.observableArray([]);
      self.selectedPin = ko.observable();
      self.caseId = caseId;
  
      self.selectedPin.subscribe(function (newValue) {
          alert(newValue);
      });
  }
  
  var pinObjs = [];
  
  $(function () {
      pinObjs = [];
  
      $(".pinBinding").each(function () {
          var caseId = this.getAttribute("data-caseid");
          var view = new UserPinViewModel(caseId);
          pinObjs.push(view);
  
          ko.cleanNode(this);
          ko.applyBindings(view, this);
      });
  })
  </code></pre>
  
  <p>The alert in the subscription is not fired...</p>
  
  <pre><code>                &lt;div id="case-pin-@modelItem.CaseID" data-caseid="@modelItem.CaseID" class="row hidden popovercontainer pinBinding"&gt;
                      &lt;select data-bind="options: userPins,
                              optionsCaption:'-- please select --',
                              optionsText: 'Name',
                              optionsValue: 'Id',
                              value: selectedPin"&gt;&lt;/select&gt;
                  &lt;/div&gt;
  </code></pre>