Simple Javascript example to illustrate AJAX loaded content being editable in XPM

EditableAjaxContent.js

// Load test HTML content client side
$( document).ready(function() {
  loadContent("dynamic-test","/dynamic.htm");
});

//Load content from a URL into the specified HTML element
function loadContent(elementId,url) {
  $("#" + elementId).load(url, function () {
    startXpm("http://my-cms-url");
  });
}

//Load the XPM bootstrap Javascript
function startXpm(cmsUrl)
{
  $("body").append($("<script />", {
    src: cmsUrl + "/WebUI/Editors/SiteEdit/Views/Bootstrap/Bootstrap.aspx?mode=js"
  }));
}