JSFiddle - React, Tailwind, and code Playground

HTML

<input id="tlt" type="text" placeholder="Enter Title" /><button id="x">click me</button>

JavaScript

$(function() {
    placeHolderFallBack();
    $('#x').click(function() {
        alert($('#tlt').val());
    });
});

function placeHolderFallBack() {
    if("placeholder" in   document.createElement("input")) {
        return;
    } else {
        $('[placeholder]').focus(function () {
var input = $(this);
        if (input.val() == input.attr('placeholder')) {
        input.val('');
        input.removeClass('placeholder');
        }
        }).blur(function () {
        var input = $(this);

        if (input.val() == '' || input.val() == input.attr('placeholder')) {
        input.addClass('placeholder');
        input.val(input.attr('placeholder'));
        }
        }).blur();
        $('[placeholder]').parents('form').submit(function() {
            $(this).find('[placeholder]').each(function() {
                var input = $(this);
                if(input.val() == input.attr('placeholder')) {
                    input.val('');
                }
            })
        });
    }
}