JSFiddle - React, Tailwind, and code Playground
HTML
<input type="text" class="class-1" value="Enter Choice #1">
<input type="text" class="class-2" value="Enter Choice #2">
JavaScript
$(document).ready(function() {
var default_val = '';
$('input[class^="class-"]').focus(function() {
if($(this).val() == $(this).data('default_val') || !$(this).data('default_val')) {
$(this).data('default_val', $(this).val());
$(this).val('');
}
});
$('input[class^="class-"]').blur(function() {
if ($(this).val() == '') $(this).val($(this).data('default_val'));
});
});