anchor.diff:        });
       }
     });
  +
  +  $('.js-update-field-name').click(function (e) {
  +    var new_field_name = $(this).parent().find('.js-new-field-name').val();
  +    var field_label = $(this).closest('li').find('.collapsible-header > .js-field-label');
  +    field_label.text(new_field_name);
  +  });
   <% end %>
  
positive.code:                       <div class="row">
                          <div class="col s12 m6">
                            <%= form_for(attribute_field, method: :put, class: 'inline', remote: true) do |f| %>
                              <%= f.text_field :label %>
                              <%= f.submit 'Rename this field', class: 'btn white black-text' %>
                            <% end %>
                          </div>
  
  
negative.code:                     <div class="collapsible-header">
                        <span class="sortable-handle"><i class="material-icons grey-text">menu</i></span>
                        <i class="material-icons"><%= attribute_field.icon %></i>
                        <span class="js-field-label"><%= attribute_field.label %></span> <%= attribute_field.position %>
                        <% if hidden_field %>
                          <span class="grey-text">&mdash;hidden</span>
                        <% end %>
  