title: jQuery (kendo) and .NET Web Service (asmx) and Json issues... Help needed
body: <p>First of all, it did a lot of research on the subject and could not find answers or complete examples. I do not have a lot of experience with jquery, so I'm looking for a simple sample of what I'm trying to accomplish.</p>
  
  <p>I want to have a Web Service (asmx) return a json that I can use to populate grids, comboboxes, autocompletes and etc. I'm using Visual Studio 2008, and here is what I got, or what my goal is:</p>
  
  <p><strong>ASMX</strong>:</p>
  
  <pre><code>[WebService(Namespace = "http://tempuri.org/")]
  [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
  [System.ComponentModel.ToolboxItem(false)]
  
  [ScriptService]
  public class Services : System.Web.Services.WebService
  {
      [WebMethod]
      [ScriptMethod(ResponseFormat = ResponseFormat.Json)]
      public List&lt;Preceptor&gt; SearchPrecetor()
      {
          List&lt;Preceptor&gt; myPreceptorList = new List&lt;Preceptor&gt;();
          for (int i = 0; i &lt; 10; i++)
          {
              Preceptor myPreceptor = new Preceptor();
              myPreceptor.Id = i;
              myPreceptor.Name = "Name" + i.ToString();
              myPreceptorList.Add(myPreceptor);
  
          }
  
  
          return myPreceptorList;
      }
  
      public class Preceptor {
          public int Id {get; set; }
          public string Name { get; set; }
      }
  }
  </code></pre>
  
  <p><strong>Javascript</strong>:</p>
  
  <pre><code>$(document).ready(function() {
              $("#acPreceptors").kendoAutoComplete({
              minLength: 3,
              dataTextField: "Name",
              dataSource: {
                  type: "json",
                  serverFiltering: true,
                  serverPaging: true,
                  pageSize: 20,
                  transport: {
                      contentType: "application/json; charset=utf-8",
                      type: "POST",
                      read: "../Services/Services.asmx/SearchPrecetor"
                  }
              }
          });
      });
  </code></pre>
  
  <p>This is the <strong>ERROR</strong> I'm getting:</p>
  
  <pre><code>Uncaught TypeError: Object #&lt;Document&gt; has no method 'slice' 
  </code></pre>
  
  <p>My guess is that there is still something wrong with the whole process, and the json is not getting to the client correctly. Again, I dont have a lot of experience with jquery, and would really appreciate a simple yet complete example of how to do this.</p>
  
  <p>Any thoughts, links, code, fixes would be appreciated! Thanks</p>