title: accessing json data from jquery
body: <p>I'm creating an ajax app using jQuery 1.4.2 and I've tried using using get(), post() and the ajax() method itself.  My php service returns: </p>
  
  <pre><code>[{"k":"label0","v":0.5},{"k":"label1","v":99.43},{"k":"label2","v":2.46},{"k":"label3","v":46.29},{"status":"OK"}]
  </code></pre>
  
  <p>in my success callback I have tried accessing as json.status and json[0][0] 
  but it always returns "undefined". what am I doing wrong?</p>
  
  <pre><code>function getSysinfo(source) {
      var json = null;
      $.ajax({
          url: source,
          type: 'POST',
          dataType: 'json',
          success: function (data) {
              json = eval("(" + data + ")");
              $('#data').html(json.status);
              alert(json[0][0]);
              refreshChart(json);
          },
          error: function (request, status, error) {
              alert("REQUEST:\t" + request + "\nSTATUS:\t" + status + 
                    "\nERROR:\t" + error);
          }
      });
      return json;
  }
  </code></pre>
  
  <p>I've been googling this for days. How the heck do I access the returned data? any help would be appreciated.</p>