title: jQuery - Kendo UI checkbox control
body: <p>I've got this Kendo UI checkbox on a data grid header and when this is ticked,
  all checkboxes on grid rows will need to be ticked as well and vice versa.</p>
  
  <p>The tricky part is to make it listen to each grid row state so that
  when any row changes its checkbox state, the grid header should be notified by this change
  and change its state automatically because all rows are no longer checked/unchecked.</p>
  
  <p>I've gone this far and finding it hard to take it further.
  <a href="http://jsbin.com/uduvex/1/edit" rel="nofollow">JS BIN</a></p>
  
  <p>Would appreciate your input.</p>