How can I use Jeditable Function?

Question

How can I use this Jeditable function to reflect changes in the text. In asp.net web form I want to commit edited text to the DIV.

 <div class="editable_textarea">
        Headline Dear
    </div>



$('.editable').editable(function(value, settings) { 
         console.log(this);
         console.log(value);
         console.log(settings);
         return(value);
      }, { 
         type    : 'textarea',
         submit  : 'OK',
     });

Do I need to make one more aspx page to collect the value then need to reflect on first page. Or I can do it directly without making another save.aspx page with the above function, if possible then how can I do that please tell me a little on it.

Answer 1

The example you posted is really what you are after, perhaps taking away the console.log() calls:

$('#editable').editable(function(value, settings) {
    return value;
}, {
    submit: "OK",
    type: 'textarea'
});

See this in action: http://jsfiddle.net/william/2wBEW/1/.