title: Displaying a JSONP object not working
body: <p>I have a JSONP, that I want to display in a list, I managed to display the name of artists from the file in a list. But now I want to display the 3rd JSONP object but I can seem to fetch it. How do I do it?</p>
  
  <p>I want to display the <code>"links": { "artists.albums": { href: "...", ...}</code> from the JSONP.</p>
  
  <p>The JSONP file is located here: <a href="http://pcampbellem-test.nodejitsu.com/api/v1/artists.json?callback=MyCallback" rel="nofollow">http://pcampbellem-test.nodejitsu.com/api/v1/artists.json?callback=MyCallback</a></p>
  
  <p>JSONP (taken from the url above for easy reading):</p>
  
  <pre><code>MyCallBack({
      "artists": [
          {"id":"1","name":"Radiohead","website":"http://radiohead.com/","href":"/api/v1/artists/1.json"},
          {"id":"2","name":"Nick Cave &amp; The Bad Seeds","website":"http://www.nickcave.com/","href":"/api/v1/artists/2.json"},
          {"id":"3","name":"John Frusciante","website":"http://johnfrusciante.com/","href":"/api/v1/artists/3.json"}
      ],
  
      "meta": {
          "artists": {
              "page": 1,
              "page_size": 10,
              "count": 3,
              "includes": [],
              "page_count": 1,
              "previous_page": null,
              "next_page": null,
              "previous_href": null,
              "next_href": null
          }
      },
  
      "links": {
          "artists.albums": {
              "href": "/api/v1/albums.json?artist_id={artists.id}", // I just wanna fetch this bit and display it in a list
              "type": "albums"
          }
      }
  });
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>(function($, window) {
  
    var jsonUrl = 'http://pcampbellem-test.nodejitsu.com/api/v1/artists.json?callback=MyCallback'
  
    $.ajax({
        type: 'GET',
        url: jsonUrl,
        async: false,
        jsonpCallback: 'MyCallback',
        contentType: "application/json",
        dataType: 'jsonp',
        success: function(data) {
  
            $.each(data, function(key, val) {
  
                if (key === 'artists') {
  
                    for(var i = 0, max = val.length; i &lt; max; i++) {
                        $('#artists-list').find('ul').append('&lt;li&gt;&lt;a href="' + val[i].website + '" class="edit"&gt;' + val[i].name + '&lt;/a&gt;&lt;/li&gt;');
                    }
                }
  
                console.log(val.links); // this throws an error...
            });
  
        },
  
        error: function(err) {
            console.log(err.message);
        }
    });
  
  }(jQuery, window));
  </code></pre>