title: Join or lookup two JSON dataset
body: <p>i have two JSON data of following structure
  that i get from server using getJSON jquery.</p>
  
  <pre><code>countrylist = [
      { "Country": "United States", "Code": "us" }, 
      { "Country": "Belgium", "Code": "be" }, 
      { "Country": "Argentina", "Code": "ar" },
      .
      .
      .
  ]
  
  citylist = [
      { "City": "Abernant", "ContryCode": "us", "CityId"=1 }, 
      { "City": "Academy Park", "ContryCode": "be", "CityId"=2}, 
      { "City": "Abernathy", "ContryCode": "ar","CityId"=3 },
      .
      .
      .
  ]
  </code></pre>
  
  <p>I need to display City, Country in my div how do i lookup the countrCode from countrylist  in Citylist Object and put its full Country.
  So i can display</p>
  
  <pre><code>Abernant, United States
  Academy Park, Belgium
  Abernathy, Argentina
  </code></pre>
  
  <p>i have this code so far</p>
  
  <pre><code>  $.getJSON('../GetCountrylist', function (data) {
      var countryList =data;
    });
  
  
    $.getJSON('../GetCitylist', function (data) {
      //this is where i need to Join the data
      //for each data dispaydata= data.City ',' + Country
    });
  </code></pre>