title: parsing json child nodes with jquery
body: <p>I am having trouble trying to parse JSON with child nodes using jquery. I keep getting no values from the json. My code to parse json is as follows: </p>
  
  <pre><code> function getSC () {
    var sc2url = 'http://sc2ranks.com/api/base/teams/sea/Classified$788.json?appKey=foo.bar?jsonp=sc2test?';
   $.ajax({
    url: sc2url,
    dataType: 'jsonp',
    jsonp: 'jsonp=sc2test',
    success: sc2test,
    cache: true
   })
  }
  
  function sc2test(data) {
    console.log(data);
    var test = data['teams'][0]['divison'];
    console.log(test);
  }
  </code></pre>
  
  <p>and the json that is returned is: </p>
  
  <pre><code> {
      "portrait": {
          "row": 0,
          "icon_id": 0,
          "column": 0
      },
      "character_code": 788,
      "updated_at": "2012-05-08T01:33:27Z",
      "achievement_points": 970,
      "teams": [
          {
              "fav_race": "protoss",
              "bracket": 1,
              "division": "Division Zekrath Dixie",
              "ratio": "1.00",
              "world_rank": 8683,
              "wins": 97,
              "is_random": false,
              "updated_at": "2012-05-09T08:25:54Z",
              "losses": 0,
              "points": 342,
              "region_rank": 303,
              "division_rank": 21,
              "league": "diamond"
          }
      ],
      "bnet_id": 39578,
      "name": "Classified",
      "region": "sea",
      "id": 1645881
  }
  </code></pre>
  
  <p>there is 2 child nodes in it and I would like to know how I can parse them using jQuery of javascript. Thanks in advance.</p>