title: Ajax post function not updating html code
body: <p>My <code>Ajax</code> post request updates the <code>HTML</code> on success function, but it disappears after complete function.</p>
  
  <p>Here is my <code>Ajax</code> request:</p>
  
  <pre><code>$.ajax({
      type: 'POST',
      url: 'http://api.open-notify.org/astros.json',
      dataType: 'json',
      async: false,
      dataType: 'json',
      success: (data) =&gt; {
          alert(data.Title)
          $("#final").append("Success")
      },
      error: (data) =&gt; {
          $("#final").append("error")
      }, complete: () =&gt; {
          $("#final").append("#################")
          alert("complete")
      },
      timeout: 3000 
  });
  </code></pre>
  
  <p><strong>What changes should be made to make sure updated html code is shown?</strong>  </p>