title: Not able to retrieve the body section from ajax response
body: <p>I am using an ajax call and getting a response as an HTML.</p>
  
  <p>I want to retrieve only the body part from the response HTML and append it to the body section.</p>
  
  <p>I trying the below ajax call: </p>
  
  <pre><code>$("#formID").on("submit", function (event) {
  
  event.preventDefault();
  var url = $(this).attr("action");
  var formData = $(this).serialize();
  
      $.ajax({
          url: url,
          type: 'POST',
          data: formData,
          async: true
      }).done(function(response, status){
          $('body').html(jQuery(response).find('body').html()); 
      }).fail(function(jqXHR, stat, error) {
          console.log(stat + ": " + error);
      });  
  });
  </code></pre>
  
  <p>HTML where I want to append the retrieved HTML.</p>
  
  <pre><code>&lt;body&gt;
      &lt;div id="wrapper"&gt;
      //Content
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>My main motive is to exclude the script part from the received HTML as the scripts are loading again and freezing the custom css spinner/loader.</p>
  
  <p>The freezing of the custom css spinner/loader is happening only when I am connecting it to the server in Safari, in chrome(local &amp; server) it is working fine.</p>
  
  <p>Please help me to resolve this.</p>
  
  <p>Thanks in advance.</p>