JSFiddle - React, Tailwind, and code Playground
HTML
<table>
<tr>
<td class="editC" id="comments:942" onchange="TimeLine();" onclick="empty('comments:942');" title="Click to edit..."> <input value="First test of new comment behavior" />
</td>
<td class="editC" id="comments:942" onchange="TimeLine();" onclick="empty('comments:942');" title="Click to edit...">
<input value="Second test of new comment behavior" />
</td>
</tr>
</table>
JavaScript
$("td input").on("focusin", function() {
currentValue = $(this).prop("value");
$(this).prop("value", "");
}).on("focusout", function() {
if($(this).prop("value") === "") {
$(this).prop("value", currentValue);
}
});