javascript - X-Editable Save With A Custom Button -

here link fiddle: https://jsfiddle.net/v58breo8/1/

i wondering if id possible save updated input page clicking save button. if try edit , click save text not have been changed.

i user able save text when hit save button, right if hit enter after editing act , text change.

here jquery:

$.fn.editable.defaults.mode = 'inline'; $.fn.editable.defaults.showbuttons = false; $.fn.editable.defaults.type = 'text';  $('#edit-btn').click(function(e){     e.stoppropagation();   $('#username').editable('toggle');     $('#edit-btn').addclass('hidden');   $('#save-btn').removeclass('hidden'); });  $('#save-btn').click(function(){             $('#username').editable({         success: function (response, newvalue) {             return $.ajax({                 type: 'post',                 data: { user: newvalue},                 url: '/post'             });         },         name: 'username',         pk: 1,         placement: 'top',         type: 'text',         toggle: 'manual'     });      $('#edit-btn').removeclass('hidden');     $('#save-btn').addclass('hidden'); });