title: x-editable on shown event dropdown (<select />) source refresh
body: <p>I'm trying to change a  x-editable source data just before it is shown so that my dropdown menu entries are always fresh even if source changes.</p>
  
  <p>Here is a link to explain: <a href="http://jsfiddle.net/XN7np/3/" rel="nofollow">http://jsfiddle.net/XN7np/3/</a></p>
  
  <pre><code>// my source that can change over time
  var source = [{'value': 1, 'text': 'fine'}, {'value': 2, 'text': 'bad'}];
  
  $('#my_select').editable({
      'mode'  : 'inline',
      'source': source,
  });
  
  $('#my_select').on('shown', function(ev, editable) {
      // now changing my source just before dropdown is shown
      source = [{'value': 1, 'text': 'GOOD'}, {'value': 2, 'text': 'FU'}];
  
      //$(editable).editable('option', 'source', source); NOT WORKING
      //$('#my_select').editable('option', 'source', source); NOT WORKING
      //$(this).editable('option', 'source', source); NOT WORKING
  });
  </code></pre>
  
  <p>any idea?</p>