title: using KO_Sortable after move event
body: <p>I am trying to convert my project over to use Ryan Niemeyer's drag and drop plugin (<a href="http://www.knockmeout.net/2012/02/revisiting-dragging-dropping-and.html" rel="nofollow">http://www.knockmeout.net/2012/02/revisiting-dragging-dropping-and.html</a>).</p>
  
  <p>I'm trying to implement an is dirty flag to indicate if a item has been dragged to a new location on the screen and I have implemented this using the IsDirty property</p>
  
  <pre><code>var AccountViewModel = function(data) {
          this.$type = 'AccountViewModel';
          this.IsDirty = new ko.observable(false);
          ko.mapping.fromJS(data, mapping, this);
  
          this.add = function(item) {
              this.Accounts.push(item);
          };
      };
  </code></pre>
  
  <p>I have an aftermove event  that should set the IsDirty property to true but for some reason I have to move the object twice before my data-binding will pick it up.</p>
  
  <pre><code>    ko.bindingHandlers.sortable.afterMove = function(args) {
          args.item.IsDirty = true;
      };
  
  &lt;div class="accounts" data-bind="sortable: { data: Accounts }"&gt;
              &lt;div class="row" data-bind="css: { dirty: IsDirty, newItem: IsNewAccount }"&gt;
                  &lt;div class="actions item"&gt;&lt;/div&gt;
                  &lt;div class="accountItem item" data-bind="text: IsDirty"&gt;&lt;/div&gt;
                  &lt;div class="accountItem item" data-bind="text: AccountName"&gt;&lt;/div&gt;
                  &lt;div class="accountItem item" data-bind="text: IACode"&gt;&lt;/div&gt;
                  &lt;div class="accountItem item" data-bind="dateFormat: OpenDate"&gt;&lt;/div&gt;
                  &lt;div class="accountItem numberItem item" data-bind="text: T12Revenue"&gt;&lt;/div&gt;
                  &lt;div class="accountItem numberItem item" data-bind="text: AUA"&gt;&lt;/div&gt;
                  &lt;div class="accountItem item"&gt;&lt;/div&gt;
                  &lt;div class="actions item"&gt;&lt;img id="delete" src="~/Images/delete.png"/&gt;&lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>Do I have to force a refresh on KO or something ? any help would be greatly appreciated!!</p>