JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/themes/cupertino/jquery-ui.css">
<script src="http://www.appelsiini.net/download/jquery.jeditable.mini.js"></script>
<div class="editable"></div>

<div class="editable">some value</div>

CSS

td, th { padding: 0.3em }
.placeholder {color: red}

JavaScript

$('.editable').editable('', {
    placeholder: "<span class=\"placeholder\">(Edit)</span>",
    tooltip: "Click to edit",
    indicator: "Saving. . ."
});