JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css">
<link rel="stylesheet" href="http://vitalets.github.com/x-editable/assets/x-editable/bootstrap-editable/css/bootstrap-editable.css">
<script src="http://vitalets.github.com/x-editable/assets/x-editable/bootstrap-editable/js/bootstrap-editable.js"></script>
<script src="http://vitalets.github.com/x-editable/assets/mockjax/jquery.mockjax.js"></script>
                                <div class="control-group control-group-inline">
                                <label class="control-label labelModified" for="publicname-change">Public name:</label>
                                <div class="controls">
                                <a href="#" id="publicname-change" class="editable editable-click inline-input">Mr. Doe</a><div class="edit">edit <i class="icon-pencil pencil-input-change"></i></div>
                                </div>
                                </div>

CSS

.edit
{
    display:block;
    cursor: pointer;
    position: relative;
    left: 100px;
    
}

JavaScript

$(function(){

  
$.fn.editable.defaults.mode = 'inline';
$('#publicname-change').editable({
    type: 'text',
    url: '/post',    
    pk: 1,    
    placement: 'top',
    title: 'Enter public name'    
});

$('.edit').click(function(e){    
       e.stopPropagation();
       $('#publicname-change').editable('toggle');
       $('.edit').hide();
});
    $(document).on('click', '.editable-cancel, .editable-submit', function(){
        $('.edit').show();
    })        
//ajax emulation. Type "err" to see error message
$.mockjax({
    url: '/post',
    responseTime: 100,
    response: function(settings) {
        if(settings.data.value == 'err') {
           this.status = 500;  
           this.responseText = 'Validation error!'; 
        } else {
           this.responseText = '';  
        }
    }
}); 
   
});