title: Change x-editable value sent to server
body: <p>I wish to change the value which x-editable sends to the server, however, wish x-editable to update the original element text as it normally does (i.e. with the value of the input).</p>
  
  <p>I've come up with a solution, however, I don't believe I am doing it the correct way.  How should this be performed?</p>
  
  <p><a href="http://jsfiddle.net/oqLj9xLd/1/" rel="nofollow">http://jsfiddle.net/oqLj9xLd/1/</a></p>
  
  <pre><code>$(function() {
  
      $('#name').editable({
          url: '/echo/json/',
          pk: 123,
          params:{a:1, b:2, c:3},
          send: 'never',
          validate: function (value){
              //if validate is okay, update value and continue to submit to server
  
              console.log(value, this, $(this));
  
              /*
              This doesn't work because value sent to the server doesn't change.
              Also, don't want &lt;a&gt; element text to be changed.
              $(this).editable('setValue', 'New value to submit', 1);
  
              This doesn't work since triggers validate event
              $('#name').editable('submit', {url:url, data:data});
              */
  
              //Is this how I need to get the options?
              var options=$(this).data('editable').options;
              var data = options.params || {};
              data.pk = 123;            
              data.value = 'new value'
  
              $.post(options.url, data);
          }
      });
  
  });
  </code></pre>