title: Form with editable elements should have `editable-form` attribute
body: <p>I have a form within which i have used <code>x-editable</code> plugin for editing a text-field. But i am getting the following script error. Can anyone please tell me some solution for this</p>
  
  <pre><code>Form with editable elements should have `editable-form` attribute. &lt;span editable-text="user.name" e-form="textBtnForm" class="ng-scope ng-binding editable"&gt; 
  </code></pre>
  
  <p><strong><a href="http://jsfiddle.net/yu8rG/" rel="nofollow">Working Demo</a></strong></p>
  
  <p><strong>html</strong></p>
  
  <pre><code>&lt;div ng-app='myApp' ng-controller="ArrayController"&gt;
      &lt;form action="#" &gt; 
          &lt;span editable-text="user.name" e-form="textBtnForm"&gt;
      {{ user.name || 'empty' }}
          &lt;/span&gt;
          &lt;button class="btn btn-default" ng-click="textBtnForm.$show()" ng-hide="textBtnForm.$visible"&gt;edit
          &lt;/button&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>script</strong></p>
  
  <pre><code>var app = angular.module('myApp', ["xeditable"]);
  app.controller('ArrayController', function ($scope) {
      $scope.test = "manu";
      $scope.user = {
          name: 'awesome user'
      };
  });
  </code></pre>