pseudo code for loading multiple ajax items

pseudo.js

infoLoaded = function infoLoadedF () {
  // insert video
  var videoHTML = '<iframe id="ytplayer" type="text/html" width="640" height="390"
  src="http://www.youtube.com/embed/' + SITE.videoID + '?autoplay=1&origin=http://example.com"
  frameborder="0"/>';
  document.getElementById('youtube-video').innerHTML(videoHTML);

  // insert script
  var scriptText = '';
  
  for (var i = 0; i < scriptArray.length; i++) {
    var scriptText += '[ ' + i +' ]' + scriptArray[i] + '<br>';
  };
  document.getElementById('script-area').innerHTML(scriptText);
}

infoError = function infoErrorF () {
  
}

getInfo = function getInfoF () {
  var getHanta,
      getImage,
      getVideo;

  getHanta = $.ajax();
  getImage = $.ajax();
  getVideo = $.ajax();

  $.when( getHanta, getImage, getVideo ).then(infoLoaded, infoError);
}

// HTML

<div id="content">
  <img id="loader" src="spinner.gif" alt="">
</div>