title: Store JSON object in a global accessible array
body: <p>I'm trying to build a function that stores an array of JS objects in a global scope (I want to access this from an external Prototype function). However, when I try to return the 'build' array, the array is  undefined (this is probally because I need a proper callback function).</p>
  
  <p>How can I achieve this in a proper way?</p>
  
  <pre><code>function getMyJson(url){
      var request = $.getJSON(url);
      var items = [];
  
      request.done(function(response) {
          for (var key in response) {
              if (response.hasOwnProperty(key)) {
                  var object = {
                      name: response[key].name,
                      id: response[key].id
                  }
  
                  items.push(object);
              }
          }
  
      });
  
      return items; // This returns 'undefined', probally because the for loop is still running
  }
  
  var data = getMyJson('data.json');
  console.log(data); // undefined
  </code></pre>
  
  <p>Thanks in advance</p>