title: Kendo UI - How to bind checked property (attribute) and handle click event for the checkbox to the viewModel using Kendo MVVM
body: <p>I have a page that looks something like:</p>
  
  <pre><code>&lt;div data-role="view" id="side-root" data-title="Check-Boxes" data-model="myViewModel"&gt;
    &lt;ul data-title="People" data-role="listview" data-bind="source: dsPeople" data-template="person_list_item" data-style="inset"&gt;&lt;/ul&gt;
  &lt;/div&gt;
  &lt;script id="person_list_item" type="text/x-kendo-template"&gt;
    &lt;label&gt;
      &lt;span data-bind="text: firstName"&gt;&lt;/span&gt; &lt;span data-bind="text: lastName"&gt;&lt;/span&gt;
  &lt;input type="checkbox" data-bind="checked: isChecked, click: clickHandler"/&gt;
    &lt;/label&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p>Now, the MVVM binding to the isChecked fields works correctly, but the clickHandler is never invoked. If I remove the "checked: isChecked" binding from the data-bind value then the clickHandler gets invoked.</p>
  
  <p>I have also tried setting up the data-bind for the checkbox like:</p>
  
  <pre><code>data-bind="checked: isChecked, events: { click: clickHandler }"
  </code></pre>
  
  <p>with the same behavior.</p>
  
  <p>Is this by design, or have I mis-configured something?</p>
  
  <p>Thanks</p>