title: How can I link data pulled from an api?
body: <p>I am creating a football website for my college project and I am using apis to pull the data on teams. On my home page I am displaying details about all teams using a jquery request.</p>
  
  <pre><code>function getTeams() {
          $.ajax(
                  {
                      type: 'GET',
                      dataType: 'json',
                      url: "http://api.football-data.org/v1/competitions/426/teams",
                      processData: true,
                      success: function (data, status) {
                          var trHTML = '';
                          $.each(data.teams, function (key, item) {
                              //$('&lt;option&gt;', { text: item.TeamName, id: item.ID }).appendTo('#lstTeams');
                              trHTML += '&lt;tr class="info"&gt;&lt;td&gt;' + item.name +
                              '&lt;/td&gt;&lt;td&gt;' + item.code +
                              '&lt;/td&gt;&lt;td&gt;' + item.shortName +
                              '&lt;/td&gt;&lt;td&gt;' + item.squadMarketValue +
                              '&lt;/td&gt;&lt;td&gt;' + item.crestURL +
  
                              '&lt;/td&gt;&lt;/tr&gt;';
  
                          })
  </code></pre>
  
  <p>I would like to be able to select a team and display more details about them on another page. The trouble I am having though is there is no ID being pulled even though each team has an ID. Any idea how to grab this ID and pull it in?</p>