title: Kendo UI kendo is undefined
body: <p>I'm just starting to use Kendo UI and I'm having trouble getting one of the demos to work. I get  Uncaught TypeError: Cannot read property 'observable' of undefined on line 43. How can I fix this? Any help is appreciated. </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;link href="./styles/kendo.common.min.css" rel="stylesheet" /&gt;
      &lt;script src="./js/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="./js/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="./js/kendo.core.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="example"&gt;
      &lt;div class="demo-section k-header"&gt;
          &lt;div class="box-col" style="width: 300px"&gt;
              &lt;h4&gt;Change the value&lt;/h4&gt;
              &lt;input data-role="slider"
                     data-min="0"
                     data-max="50"
                     data-small-step="5"
                     data-large-step="10"
                     data-bind="visible: isVisible,
                                enabled: isEnabled,
                                value: selectedNumber,
                                events: { change: onChange }"
                     style="width: 180px"&gt;
          &lt;/div&gt;
          &lt;div class="box-col console-section"&gt;
              &lt;h4&gt;Console&lt;/h4&gt;
              &lt;div class="console"&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="box"&gt;
          &lt;div class="box-col" style="width: 300px"&gt;
              &lt;h4&gt;Configuration&lt;/h4&gt;
              &lt;div&gt;
                  &lt;label&gt;&lt;input type="checkbox" data-bind="checked: isEnabled"&gt;Enable&lt;/label&gt;
              &lt;/div&gt;
              &lt;div&gt;
                  &lt;label&gt;&lt;input type="checkbox" data-bind="checked: isVisible"&gt;Visible&lt;/label&gt;
              &lt;/div&gt;
          &lt;/div&gt;       
      &lt;/div&gt;
  &lt;script&gt;
      var viewModel = kendo.observable({
          selectedNumber: 0,
          isEnabled: true,
          isVisible: true,
          onChange: function() {
              kendoConsole.log("event :: change (" + this.get("selectedNumber") + ")");
          }
      });
      kendo.bind($("#example"), viewModel);
  &lt;/script&gt;
  &lt;/div&gt;
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>