title: .ajax() "GET" within an .ajax() "GET" , ajax call now showing correctly
body: <p>I have two ajax calls, but for some reason one of the ajax isn't working as planned.</p>
  
  <p>one ajax call is getting data from a site <code>ajax1.php</code>, and then another ajax is getting data from <code>ajax2.php</code> and its supposed to change some data within <code>ajax1.php</code>.</p>
  
  <p>So I have <code>index.php</code> and the ajax goes something like this</p>
  
  <p>This is <code>index.php</code>:</p>
  
  <pre><code>    $.ajax({
          type: "GET",
          data: "id="+id+"&amp;id-other="+id-other,
          url: "ajax1.php"
      }).done(function(data){
          $("#div").html(data);
  
      });
  
      $.ajax({
          type: "GET",
          data: "id_1="+id+"&amp;id_2="+id_2,
          url:"ajax/ajax2.php"
      }).done(function(data){
          $("#change_data").html(data);
  
      });
  
  &lt;div id="div"&gt;
  &lt;div id="change_data"&gt;&lt;!-- This div is supposed to be in ajax1.php so it only appears after the first ajax is done.!--&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The problem is that #change_data isn't showing up correctly. It shows what its supposed to for a second, then disappears. Not sure what the problem is. I tried putting a delay : <code>$("#change_data").delay.(1000).html(data_changed);</code> like so, but doesnt work. I tried putting the whole ajax function inside the first .done() ajax function, but that doesn't work. </p>
  
  <p>It might be because when the first ajax loads, the second ajax tries to load faster than the first ajax. The first ajax has a lot more information so it may need to load a little longer?</p>
  
  <p>Any ideas? Thanks Maybe there's another way to put the second ajax within the first so on success, it'll call the second ajax?</p>