Deleting a Row in a rowReorder Table reverts the most recent re-ordering - why?

ChakronSA

Tongue twister of a title. Here's a jsfiddle to show what I'm talking about:

https://jsfiddle.net/ChakronSA/sdwfcrmr/

You can click and drag on either the "Order" or "Name" columns. To recreate this issue:
1. Drag "Name 4" to the top so it's above "Name 1"
2. Click the Delete button next to "Name 2"

When deleting "Name 2", "Name 4" returns to its original position. How can I make it stay put? I feel like I'm missing something obvious. Thanks.

ChakronSA

I managed to make this work by changing how I modified the row labels:

https://jsfiddle.net/ChakronSA/sdwfcrmr/2/

I hit another problem though. It's different, so I'll post that in a new question.