title: Using jQuery to get json data returns invalid label error
body: <p>I have this code, and have also tried something similar using the $.getJson function:</p>
  
  <pre><code>jQuery(document).ready(function(){
      var kiva_url = "http://api.kivaws.org/v1/loans/newest.json";
  
      jQuery.ajax({
          type: "GET",
          url: kiva_url,
              data:"format=json", 
          success: function(data){
              alert("here");
              jQuery.each(data.loans, function(i, loan){
                  jQuery("#inner_div").append(loan.name + "&lt;br /&gt;");
              });
          },
          dataType: "jsonp",
          error: function(){
              alert("error");
          }
      });
  
  });
  </code></pre>
  
  <p>When I look in Firebug it is returning an "invalid label" error.  I've searched around a bit some people refer to using a parser to parse the results.  I can see the results coming back in Firebug.  Can someone point to an example of what I should be doing?</p>
  
  <p>The Firebug error:</p>
  
  <blockquote>
    <p>invalid label
    <a href="http://api.kivaws.org/v1/loans/newest.json?callback=jsonp1249440194660&amp;_=1249440194924&amp;format=json&amp;" rel="noreferrer">http://api.kivaws.org/v1/loans/newest.json?callback=jsonp1249440194660&amp;_=1249440194924&amp;format=json&amp;</a>
    Line 1</p>
  </blockquote>
  
  <p>Sample output of what the json looks like can be found here:
  <a href="http://build.kiva.org/docs/data/loans" rel="noreferrer">http://build.kiva.org/docs/data/loans</a></p>