Kendo UI

jQuery + Kendo UI + MockJax + Knockout

HTML

<script src="http://cdn.kendostatic.com/2014.1.318/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://origin.kendostatic.com/2014.1.318/styles/kendo.mobile.flat.min.css">
<div id="test" data-role="view">
  <table><tr><td>
    <div id="counter1">0</div>
  </td><td>
    <div id="counter2">0</div>
  </td></tr><tr><td>
    <span data-role="button" data-click="on_button1_clicked">Button 1</span>		
  </td><td>
    <span data-role="button" data-click="on_button2_clicked">Button 2</span>		
  </td></tr></table>
</div>

CSS

#counter1, #counter2
{
  border: 1px solid black;			
}

#counter1, #counter2, [data-role='button']
{
  width: 100px;
  text-align: center;
}

JavaScript

var app = new kendo.mobile.Application(document.body,
{
  skin: 'flat',
  initial: '#test'
});

window.kendoMobileApplication = app;

function on_button1_clicked()
{
  var c = $('#counter1');
  c.text(1 + parseInt(c.text()));
}

function on_button2_clicked()
{
  var c = $('#counter2');
  c.text(1 + parseInt(c.text()));
}