title: Multiple AJAX calls on page load
body: <p>I'm attempting to pull two separate things from outside sources to put onto an HTML page I'm creating. I have a successful AJAX function to pull the most recent video from a particular Youtube channel by parsing through the XML/RSS feed for that channel. I receive this feed through an AJAX call.</p>
  
  <p>I'd also like to get the most recent blog post from a Blogger account. The code for parsing the feed to get the most recent entry shouldn't be difficult, but I'm having trouble with simultaneous AJAX calls. I read somewhere that it can only handle one at a time? I'm weary about queuing them because I don't want to the content on the page to load in steps. I'd rather it all just get fetched simultaneously. How might I go about doing this?</p>
  
  <p>Here is my current script:</p>
  
  <pre><code>&lt;script type="text/javascript" charset="utf-8"&gt;
      $(function() {
        $.ajax({
          type: "GET",
          url: "http://gdata.youtube.com/feeds/base/users/devinsupertramp/uploads?orderby=updated&amp;alt=rss&amp;client=ytapi-youtube-rss-redirect&amp;v=2",
          dataType: "xml",
          success: parseXml
        });
      });
  
      function parseXml(xml) {
          $(xml).find("item:first").each(
              function() {
                  var tmp = $(this).find("link:first").text();
                  tmp = tmp.replace("http://www.youtube.com/watch?v=", "");
                  tmp = tmp.replace("&amp;feature=youtube_gdata", "");
                  var tmp2 = "http://www.youtube.com/embed/" + tmp + "?autoplay=1&amp;controls=0&amp;rel=0&amp;showinfo=0&amp;autohide=1";
                  var iframe = $("#ytplayer");
                  $(iframe).attr('src', tmp2);
              }
          );
      }
  &lt;/script&gt;
  </code></pre>