JSFiddle - React, Tailwind, and code Playground

by fauzi

HTML

<link rel="stylesheet" href="http://twitter.github.io/bootstrap/assets/css/bootstrap.css">
<label for="name" class="control-label"><p class="text-info">Saghir</p><i class="icon-star"></i></label>
    <div class="controls">
        <a href="#" id="edit" class="btn">Edit</a>
    </div>

CSS

.control-label .text-info { display:inline-block; }

JavaScript

$('#edit').click(function() {
    var text = $('.text-info').text();
    var input = $('<input type="text" placeholder="'+ text +'" />')
    $('.text-info').text('').append(input);

});