title: ContentTools.js getting me nowhere
body: <p>I recently came across <a href="http://getcontenttools.com/" rel="nofollow">ContentTools.js</a> and i thought that might be nice addition to the site im working on. Going through getting started/tutorials gets me nowhere - script is not working however I look at it.</p>
  
  <p>Copying exact same scripts from author page or running it back from master bin works but implementing to actual website fails.</p>
  
  <p>The only thing that worked for me (on empty html page) was that script loaded editable fields erasing it's content either saved or canceled edit (if that makes and sense to you).</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function() {
  
        window.onload = function() {
          var editor;
          editor = ContentTools.EditorApp.get();
          editor.init('.editable', 'data-name');
          editor.bind('save', function(regions) {
            var xhr, payload, name;
            this.busy(true);
            payload = new FormData();
            for (name in regions) {
              if (regions.hasOwnProperty(name)) {
                payload.append(name, regions[name]);
              }
            }
  
            function onStateChange(ev) {
              if (ev.target.readyState == 4) {
                editor.busy(false);
                if (ev.target.status == '200') {
                  new ContentTools.FlashUI('ok');
                } else {
                  new ContentTools.FlashUI('no');
                }
              }
            }
  
            xhr = new XMLHttpRequest();
            xhr.addEventListener('readystatechange', onStateChange);
            xhr.open('POST', '/save-my-page');
            xhr.send(payload);
          });
        }).call(this);</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="http://getcontenttools.com/styles/content-tools.css" rel="stylesheet" /&gt;
  &lt;script src="http://getcontenttools.com/scripts/content-tools.js"&gt;&lt;/script&gt;
  &lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
  &lt;body&gt;
    &lt;p class="editable" data-name="c1"&gt;asd&lt;/p&gt;
    &lt;p class="editable" data-name="c2"&gt;123&lt;/p&gt;
    &lt;p class="editable" data-name="c3"&gt;asd123&lt;/p&gt;
  
    &lt;div class="ct-app"&gt;
      &lt;div class="ct-widget ct-ignition ct-ignition--ready ct-widget--active"&gt;
        &lt;div class="ct-ignition__button ct-ignition__button--edit"&gt;&lt;/div&gt;
        &lt;div class="ct-ignition__button ct-ignition__button--confirm"&gt;&lt;/div&gt;
        &lt;div class="ct-ignition__button ct-ignition__button--cancel"&gt;&lt;/div&gt;
        &lt;div class="ct-ignition__button ct-ignition__button--busy"&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  
  Ofc all libraries are loaded and there is no js errors. It just doesn't work.</p>