anchor.diff:  <%= form_for @document || Document.new(user: current_user) do |f| %>
     <div>
  -    <div class="grey-text">
  +    <div class="grey-text autosave-bar">
         <i class="material-icons js-autosave-icon grey-text">save</i>
         <span class="js-autosave-status">
           This document will automatically save as you make changes.
  
positive.code: 
    // Autosave
    var autosave_event = null;
    quill.on('text-change', function(delta, oldDelta, source) {
      if (autosave_event === null) {
        console.log('Queueing autosave');
        $('.js-autosave-icon').addClass('grey-text');
        $('.js-autosave-icon').removeClass('black-text');
        $('.js-autosave-status').text('Changes made...');
  
        autosave_event = setTimeout(function () {
  
negative.code:     <%= f.text_field :title, placeholder: 'Untitled document', value: f.object.title.presence || 'Untitled document', style: 'font-size: 150%' %>
    </div>
  
    <div id="editor"><%= @document.body.html_safe %></div><br />
    <div class="grey-text autosave-bar">
      <i class="material-icons js-autosave-icon grey-text">save</i>
      <span class="js-autosave-status">
        This document will automatically save as you make changes.
      </span>
    </div>
  <% end %>
  
  <div style="clear: both"></div>
  