Knockout select change event not firing
<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>