title: How do I convert JSON data to display in HTML?
body: <p>I am trying to display JSON data that I retrieve from an ajax call but I am unable to display any data despite getting the JSON object just fine. </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  
  &lt;head&gt;
  &lt;title&gt;&lt;/title&gt;
  &lt;script src="jquery.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;script&gt;
  
  
  $(document).ready(function(){
  $.getJSON("http://servername:10000/_vti_bin/webservice/service1.svc/getListTitle",
    {
      username: "a",
      password: "b",
      list: "calendar",
    },
    function(data) {
      alert(1);
      // and the rest
    }
  )
  });
  
  &lt;/script&gt;
  
  &lt;body&gt;
  &lt;/body
  &lt;/html&gt;
  </code></pre>
  
  <p>I don't get any alerts but using Fiddler I can see the JSON object.</p>
  
  <pre><code>{"GetListTitleResult":"Calendar"}
  </code></pre>
  
  <p>So what am I missing here? Any help appreciated. Thanks in advance.</p>
  
  <p>EDIT: It seems like the code doesn't go all the way to the function(data) part. But firebug doesn't show any syntax errors either. I still get the JSON response through Fiddler. Any help here?</p>