X-editable Umschalten auf klicken Sie auf. Zum deaktivieren der nativen element auf?

Problem ist, dass nicht deaktivieren native "on click" - Ereignis auslöst, x-editable zu verwandeln, textarea. Ich möchte, dass nur Button könnte tranfsorm text in textarea, So dass Sie auf text, nicht anklickbar.

Fand ich Fragen wie trigger x-editable auf ein anderes element klicken.
Aber, wie das deaktivieren des einheitlichen text, klicken Sie auf und lassen Sie nur andere element der Veranstaltung ?

Geige mit problem ist hier:

Dieser Teil funktioniert Super:

$('.edit-post-button').on('click', function(e) {
    e.preventDefault();
    e.stopPropagation();
    $textarea = $(this).closest('.media-body').find('.editable');
    $textarea.editable('toggle');        
});

Aber wenn man versucht zu deaktivieren native text klicken, es wird nicht funktionieren, oder mache ich etwas falsch hier ?

$('.editable-post-textarea').on('click', function(e) {
    console.log('native-click-triggered!');
    e.stopPropagation();
});

Hier ist Probe mit meinem problem: http://jsfiddle.net/jjdJX/64/

So, wie zu deaktivieren Sie die native "click" - Ereignis auf die textarea, und lassen Sie trigger nur auf "TEXT BEARBEITEN" - button?