title: AJAX JSONP: parsing response causes error
body: <p>Whenever i call my service I get parse error:</p>
  
  <pre><code>SyntaxError: missing ; before statement
  {"Catagory":"Sample language","Name":"Sample Book","Price":50}
  -----------↑
  </code></pre>
  
  <p>Here is my code for client side:</p>
  
  <pre><code>&lt;script&gt;
    $(document).ready(function() {
      $('#btSubmit').click(function () {
        $.ajax({ 
          type:"GET",
          url: url, // Location of the service
          contentType: "application/json;charset-uf8", // content type sent to server
          dataType: "jsonp", //Expected data format from server
          success: function (msg) {
            alert(msg);
            //Implement get data from service as you wish
          },
          error: function (err) {
            alert(err);
            // When Service call fails
          }
        });     
      });
    });
  &lt;/script&gt;
  </code></pre>
  
  <p>And code for server side..i am using wcf service</p>
  
  <pre><code>[ServiceContract(Namespace = "JsonpAjaxService")]
  public interface IBooks
  {
  [OperationContract]
  [WebInvoke(Method = "GET", ResponseFormat =            WebMessageFormat.Json,RequestFormat=WebMessageFormat.Json)]      
  BookDetails ShowBookDetails(string sBookID);
  
  [OperationContract]
  [WebInvoke(Method = "GET",
  ResponseFormat = WebMessageFormat.Json,
  BodyStyle = WebMessageBodyStyle.WrappedRequest, UriTemplate = "json/{id}")]
  BookDetails JsonData(string Id);
  }
  </code></pre>