Kendo View switch from Actionsheet

HTML

<script src="http://cdn.kendostatic.com/2013.2.716/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.mobile.all.min.css">
<div data-role="view" id="mainView">
   <a data-role="button" data-rel="actionsheet" href="#actions">Actions</a>
    <h2>Main View</h2>
   <ul id="actions" data-role="actionsheet">
      <li><a href="#fooView">Foo</a></li>
      <li><a href="#barView">Bar</a></li>
   </ul>
    
    <li><a href="#barView">Bar</a></li>
</div>

<div data-role="view" id="fooView">   
    <h2>Foo View</h2>
</div>

<div data-role="view" id="barView">   
    <h2>Bar View</h2>
</div>

JavaScript

var app = new kendo.mobile.Application(document.body);