title: Edit a editable label on button click
body: <p>I'm using <a href="http://vitalets.github.io/x-editable/" rel="nofollow"><code>x-editable</code></a> to inline edit some text. As long as I click on the label directly everything works fine. But, if I implement a button and want label to be edited on button click, then it won't work.</p>
  
  <p>The reason being, clicking the label edits it and clicking anywhere outside label resets it. Here, when I click the button, its considered as a click outside and editable-label doesn't edit.</p>
  
  <p><em>What to do?</em> I don't want to go with <code>setTimeout()</code>.</p>