Load or Nest Content From Another Page

load-with-fetch.js

// See an text example of this here: https://codepen.io/cmoen89/pen/vYjRVMK

window.addEventListener("load", (event) => {
  fetch("https://example.com")
    .then(function (response) {
      return response.text();
    })
    .then(function (html) {
      // Convert the HTML string into a document object
      var parser = new DOMParser();
      var doc = parser.parseFromString(html, "text/html");

      // Get a specific element in the HTML
      var element = doc.querySelector("#load-source");

      // Add element to current page
      document.getElementById("load-destination").innerHTML = element.innerHTML;
    })
    .catch(function (err) {
      // There was an error
      console.warn("Fetched html error", err);
    });
});

load-with-jquery.js

$(function() {
    $('#load-destination').load("https://example.com #load-source");
});