title: Kendo UI - Error: Uncaught SyntaxError: Unexpected token :
body: <pre><code>Error - Error: Uncaught SyntaxError: Unexpected token :
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/KbIGH.png" alt="exact issue error"><br>
      Platform - Icenium.</p>
  
  <p>We are using Remote Service - <code>http://localhost:35798/RestServiceImpl.svc/json</code> that will get the data. I attached the format in data received from the service.
  <img src="https://i.stack.imgur.com/AYd7K.png" alt="return format of data"></p>
  
  <p>Here's my code: </p>
  
  <pre><code>var dataSource = new kendo.data.DataSource({
      schema: {
          data: "d"
      },
      transport: {
          read: {
              url: "http://localhost:35798/RestServiceImpl.svc/json",
              dataType: "jsonp", // "jsonp" is required for cross-domain requests; use "json" for same-domain requests
              data: {
                  id: "4"
              },
              type: "GET",
              contentType: "application/json;charset=utf-8"
          },
          change: function () {
              alert('called');
              var data = this.data();
              console.log(data.length); // displays "77"
              debugger;
              $('#txtJson').val(data[0].name);
          }
  
      }
  });
  
  $("#submitButton").click(function () {
      dataSource.read();
      var data = dataSource.data();
      console.log(data.length);
  });
  </code></pre>
  
  <p>Here's my service code - </p>
  
  <pre><code>[OperationContract]
      [WebInvoke(Method = "GET",
          RequestFormat = WebMessageFormat.Json,
          ResponseFormat = WebMessageFormat.Json,
          BodyStyle = WebMessageBodyStyle.Wrapped,
          UriTemplate = "json?id={id}")
          ]
      List&lt;Person&gt; JSONData(string id);
  </code></pre>
  
  <p>Q 1) How to solve this error - <code>Uncaught SyntaxError: Unexpected token</code>, am I missing something?</p>
  
  <p>Q 2) After clicking on button I'm calling <code>dataSource.read()</code>, after that <code>dataSource.data().length</code> is getting 0. I think this should be handle in <code>dataSource.bind(change:function())</code> . However, After <code>dataSource.read()</code> change function is not firing.</p>