title: Unable to bind a Kendo Mobile ListView to data using "data-bind=source:"
body: <p>I am trying to bind the listview to the ViewModel.  I have placed some hard coded data into the code to ensure that it is not a problem with the web services.  I am not seeing any console errors so I am at a loss for how to troubleshoot this problem.  </p>
  
  <p>Ideally I would want to have as much of the code dealing with getting the data in the ViewModel, and I want to stay as close as possible to the way that you are supposed to use the KendoUI Mobile framework.  </p>
  
  <p>Html</p>
  
  <pre><code>&lt;div data-role="view" id="contactView" data-model="ContactViewModel" data-init="dataInit"&gt;
      &lt;h1 id="ContactHallo"&gt;Contact Screen&lt;/h1&gt;
      &lt;ul id="contactDetailList" 
          data-role="listview" 
          data-style="inset" 
          data-template="contactDetailtemplate" 
          data-bind="source: rdata"&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JavaScript</p>
  
  <pre><code> var ContactViewModel = kendo.observable({
           rdata: null,
  
           loadData: function () {
               var testData = [
                                  {
                                      AssociatedContactType: "n\/a",
                                      AssociatedProperties: [],
                                      EmailAddress: "n\/a",
                                      FName: "User1",
                                      HomeNumber: "n\/a",
                                      LName: "LastName",
                                      MobileNumber: "+27 21 0823219213",
                                      WorkNumber: "n\/a"
                                  }];
               var loadedData = new kendo.data.DataSource.create({ data: testData });
               loadedData.read();
  
               this.rdata = loadedData;
           }
       });
  
       function dataInit() {
           ContactViewModel.loadData();
       }
  
       var app = new kendo.mobile.Application($(document.body));
  </code></pre>
  
  <p>Template</p>
  
  <pre><code>&lt;div&gt;
      &lt;h4&gt;Added Record&lt;/h4&gt;
      &lt;a href="tel:#:data.MobileNumber#"&gt;#:data.MobileNumber#&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>