title: Get data from API and seperate it into variables with jQuery
body: <p>I'm trying to request data and then populate 9 different <code>P</code> tags with the relevant attributes only I'm struggling with how to do it.</p>
  
  <pre><code>// Gets BTC Price in 3 currencies
  var btc = "https://min-api.cryptocompare.com/data/price?fsym=BTC&amp;tsyms=USD,EUR,GBP";
  
  // Gets ETH Price in 3 currencies
  var eth = "https://min-api.cryptocompare.com/data/price?fsym=ETH&amp;tsyms=USD,EUR,GBP";
  
  // Gets LTC Price in 3 currencies
  var ltc = "https://min-api.cryptocompare.com/data/price?fsym=LTC&amp;tsyms=USD,EUR,GBP";
  
  $.getJSON( btc, function( data ) {
    var items = [];
    $.each( data, function( key, val ) {
      items.push( key + val );
    });
  
    // see fetched data to then be stored for later use...
    alert( "JSON Data: " + items[1,1] );
  
  });
  </code></pre>
  
  <p>I've not worked with API's before so I'm unsure if ill need to have 3 <code>getJSON</code> functions too or if I can somehow combine these?</p>
  
  <p>Here's a fiddle showing my progress so far </p>
  
  <p><a href="https://jsfiddle.net/mvs26pv8/" rel="nofollow noreferrer">https://jsfiddle.net/mvs26pv8/</a></p>