Bind For Click vs Touchend

by grippstick

HTML

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.1.319/js/kendo.all.min.js"></script>
<a id='lnkGood' href='http://jsfiddle.net/grippstick/Lk6kF/'>Test Mobile Good</a><br/>

<a id='lnkBad' href='http://jsfiddle.net/grippstick/Lk6kF/'>Test Mobile Bad</a><br/>

<a id='lnkMVVM' href='http://jsfiddle.net/grippstick/Lk6kF/' data-bind='click:doClick'>MVVM Test</a>

JavaScript

var doClick = function (e) {
    e.preventDefault();
    alert(e.type);
};

var $lnkGood = $('#lnkGood');
var $lnkBad = $('#lnkBad');

//works on desktop and mobile
$lnkGood.on('click', doClick);

//WHY DOESN'T THIS WORK???
//works on desktop, not on mobile
$lnkBad.on(kendo.support.click, doClick);

//works on desktop and mobile
var viewModel = new kendo.observable({
    doClick: doClick
});
kendo.bind($('#lnkMVVM'), viewModel);