Kendo UI MVVM模板在IE8浏览器中渲染无效

<script id="category-template" type="text/x-kendo-template"><!--分类模板-->
  <div>
    <h2 data-bind="text: category"></h2>
    <div data-bind="source: posts" data-template="post-template"></div>
  </div>
</script>

<script id="post-template" type="text/x-kendo-template">
  <div>
    <h2 data-bind="text: title"></h2>
    <div data-bind="text: content"></div>
  </div>
</script>

<script type="text/javascript">
var viewModel = kendo.observable({
  blog: [
    { category: "随便说说", posts: [{"title": "陈三的博客", "content": "这是一个长草的地方"}, {"title": "夏日来临", "content": "要去哪里吗"}] },
    { category: "前端开发", posts: [{"title": "JavaScript闭包", "content": "闭包是什么意思"}, {"title": "夏日来临", "content": "要去哪里吗"}]}
     ]
    });
    kendo.bind($("#example"), viewModel);
</script>