title: KendoUI: Unable to bind data to HTML elements from JSON file.
body: <p>I am new to kendo ui and mvvm, and I'm facing this issue: </p>
  
  <p>I'm having a JSON file in the follow format: </p>
  
  <pre><code>[
  {
  "Id":1,
  "img":"shoes.png"},
  {"Id":2,
  "img":"books.png"}
      }
  ]
  </code></pre>
  
  <p>I am reading the file using the sample mentioned online by kendo guys as follows:</p>
  
  <pre><code>var crudServiceBaseUrl = "pro.json";
      var viewModel = kendo.observable({
              productsSource: new kendo.data.DataSource({
                  transport: {
                      read: {
                          url: crudServiceBaseUrl,
                          dataType: "json"
                      },
                      update: {
                          url: crudServiceBaseUrl,
                          dataType: "json"
                      },
                      destroy: {
                          url: crudServiceBaseUrl,
                          dataType: "json"
                      },
                      parameterMap: function(options, operation) {
                          if (operation !== "read" &amp;&amp; options.models) {
                              return {
                                  models: kendo.stringify(options.models)
                              };
                          }
                          return options;
                      }
                  },
                  batch: true,
                  schema: {
                      model: {
                          id: "Id"
                      }
                  }
              })
          });
  
          kendo.bind($("#form-container"), viewModel);
  </code></pre>
  
  <p>I am able to bind the data from the data source to a Kendo Control such as a dropdownlist or some other Kendo Control. But when I try binding the data to an HTML Control (mostly an img tag). It stops working and gives an error saying "this.parent" is not a function.</p>
  
  <p>following is the HTML which works: </p>
  
  <pre><code>Select Product: &lt;select data-role="dropdownlist" data-value-field="Id" data-text-field="img"
                           data-bind="source: productsSource"&gt;&lt;/select&gt;
  </code></pre>
  
  <p>However binding to a normal <code>&lt;img&gt;</code> tag does not work. In short I need to bind images based on src value to a div using kendo ui mvvm.</p>
  
  <p>Kindly help me out. Thanks!! </p>
  
  <p>-
  Hardik</p>