title: JQuery DataTables with KnockoutJS
body: <p>I have two JQuery datatables in my C# MVC application that are currently in a partial. I have it set up so that if I select from either data table I can select a row and then if I hit another button it should transfer that row to the other table. Currently I can do the selection just fine and I can transfer on the backend just fine. My viewmodel is set up in Knockout to do the databindings that setup my JQuery DataTable (which handles styling, sorting, etc.). When I transfer I am loading a row into a staging array before the user hits a authorization button and then afterward it deletes that entry from the observable array that binds to one table and adds in that entry into the other tables observable array that is the data bind for that table. The problem is that I am not having rows get removed from my JQuery datatable when they are removed from the observeable array backing it and they are not being added to the other data table when they are added to the observeable array backing it. The second table does however get new rows added to it, but they all just say "No data available in table" and I'm thinking that I need to delete the table and then refresh it with the data that is in the observeable array.</p>
  
  <p>Does anyone know how to do this with Knockout and JQuery DataTables?</p>
  
  <p>Thanks!</p>