title: Nested AJAX call not working
body: <p>I'm having trouble getting a nested AJAX call to work properly. All I want is to have the inner AJAX call executed if and after the outer AJAX call completed successfully.</p>
  
  <pre><code>var diningHours = $("#diningHours");
  var facStaffDiningData = $("#facStaffDiningData");
  var diningCommonsData = $("#diningCommonsData");
  if($.trim(diningHours.html()).length == 0) {
      var season;
      //This call executes fine (tested it with console logging)
      $.get("data/dining-hours.php", {summer: "check"}, function(seasonData, seasonStatus) {
          if(seasonStatus == "success") {
              season = seasonData;
              //This is the call that isn't being executed
              $.get("data/dining-hours.php", function(hoursData, hoursStatus) {
                  if(hoursStatus == "success") {
                      var hours = $(hoursData).find("hours dining");
                      var html = hoursFeed(hours, season);
                      diningHours.append(html).collapsibleset("refresh");
                  }
              });
          }
  
      });
  }
  </code></pre>
  
  <p>Am I doing something wrong?</p>