title: x-editable close on blur not working when I click on another x-editable
body: <p>I have a page with 2 x-editable text fields </p>
  
  <pre><code>&lt;div class="edit name"&gt;
      &lt;h3 class="name"&gt;&lt;a editable-text="creator.name" e-class="input-md" blur="submit" onaftersave="updateField('name');"&gt;{{creator.name}}&lt;/a&gt;&lt;/h3&gt;
  &lt;/div&gt;
  
  &lt;a editable-textarea="creator.bio" e-rows="4" e-cols="100%" onaftersave="updateField()" data-ng-show="editable" blur="submit" placeholder="Approximately a 100 word Bio"&gt;
      &lt;span data-ng-bind="creator.bio"&gt;&lt;/span&gt;
      &lt;span data-ng-show="!creator.bio"&gt;Tell us about yourself in less than 100 words&lt;/span&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>If I am editing one and I click anywhere on the page it updates and closes.
  Except if I click on the other x-editable field. Then both stay open.
  I want the first x-editable to save and close.</p>
  
  <p>I have been able to reproduce this <a href="https://jsfiddle.net/NfPcH/9463/" rel="nofollow">in a plunker</a>. I can't see what I am doing wrong.</p>