Complex CRUD OData with Kendo

HTML

<script src="http://cdn.kendostatic.com/2012.3.1315/js/kendo.all.min.js"></script>
<script src="http://include.jaydata.org/datajs-1.0.3.js"></script>
<script src="http://include.jaydata.org/jaydata.js"></script>
<script src="http://include.jaydata.org/jaydatamodules/kendo.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1315/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1315/styles/kendo.default.min.css">
<h3>Flower shop in a cloud backed OData service</h3>
<p>Database is restored every once in a while. Please don't delete items unless you creted them</p>
<div id="grid"></div>

CSS

body{
    font-family: Segoe UI Light
}

JavaScript

OData.read("http://odata.netflix.com/v1/Catalog/Genres",
  function (data, request) {
    var html = "";
    for (var i = 0; i < data.results.length; i++) {
      html += "<div>" + data.results[i].Name + "</div>";
    }
    document.getElementById("target-element-id").innerHTML = html;
  });