title: How to trigger a new X-Editable to open from the success function of the present one?
body: <p>I'm using the <a href="http://vitalets.github.io/x-editable/" rel="nofollow">Bootstrap X-editable</a> to let people do inline edits of their profile. One of the things that the user can edit, has an influence on another editable though. If editable A (a year) is set to the current year, the user is obliged to make a decision in editable B (a certain tax rate) as well.</p>
  
  <p>So the editable options for the editable <code>year</code> are as follows:</p>
  
  <pre><code>$('#year').editable({
      pk: 1,
      success: function(response, newValue){
          if (newValue == 2014){
              $('#tax_rate').trigger('click');
          } else {
              $('#tax_rate').html(2);
          }
      }
  });
  </code></pre>
  
  <p><strong><a href="http://jsfiddle.net/vuonj996/" rel="nofollow">EXAMPLE FIDDLE  HERE</a></strong></p>
  
  <p>This behaves fine except for the year 2014, in which it does indeed post the correct value to the back-end, and subsequently indeed clicks/opens <code>#tax_rate</code>, but somehow, the click prevents the new year from being displayed correctly in <code>#year</code>. If I refresh the page, the year displays correctly again, but it's just when I try to trigger the other editable, that it doesn't display the year correctly after saving it. Just try opening <a href="http://jsfiddle.net/vuonj996/" rel="nofollow">the fiddle</a> and changing the year to 2014 to see what I mean.</p>
  
  <p>So does anybody know how I can both update the new year in the DOM and also click/open the <code>tax_rate</code> editable? All tips are welcome!</p>