title: HTML table not responding to Knockout binding
body: <p>I have a set of parent and child objects which I am displaying in a table. 
  <a href="https://i.stack.imgur.com/Sdy5D.png" rel="nofollow"><img src="https://i.stack.imgur.com/Sdy5D.png" alt="enter image description here"></a></p>
  
  <p>The table DOM is wired to the model via Knockout. This works pretty well and the table changes whenever the model changes.</p>
  
  <p>Now, applying <code>DataTable</code> to the table brings in some issues to the table. The view is no longer responding to Knockout bindings for some reason. </p>
  
  <p><strong>You can see the problem illustrated in <a href="http://jsfiddle.net/rz09djdq/1/" rel="nofollow">this jsFiddle</a></strong></p>
  
  <p>Click on 'Clear families' nothing will happen. I was expecting the table to completely clear out.</p>
  
  <p><strong>QUESTION</strong></p>
  
  <p>Why is the DOM no longer responding to my model changes?  </p>