JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://remysharp.com/wp-content/uploads/2007/03/label_over.js"></script>
<div id="doc">
    <h1>labelOver Example</h1>
    <form action="" id="f">
        <fieldset>
            <legend>Example without labelOver</legend>
            <div class="label">
                <label class="pre" for="applied">Applied</label>
                <input type="text" name="applied" value="" id="applied" />
            </div>
            <div class="label">
                <label for="search">Search</label>
                <input type="text" name="search" value="" id="search" />
            </div>
            <div>
                <input type="submit" name="submit" value="Apply label over" id="submit" />
            </div>
            <div class="clear"></div>
        </fieldset>
    </form>
</div>

CSS

BODY { margin: 10px; padding: 0; font: 1em "Trebuchet MS", verdana, arial, sans-serif; }
BODY { font-size: 100%; }
H1 { margin-bottom: 2px; font-family: Garamond, "Times New Roman", Times, Serif;}
DIV.container { margin: auto; width: 90%; margin-bottom: 10px;}
TEXTAREA { width: 80%;}
FIELDSET { border: 1px solid #ccc; padding: 1em; margin: 0; }
LEGEND { color: #ccc; font-size: 120%; }
INPUT, TEXTAREA { display: block; clear: left; font-family: Arial, verdana; font-size: 125%; padding: 7px; border: 1px solid #999; margin: 10px; }
#f DIV.label { position: relative; float: left; margin-right: 3px; clear: left; }
DIV.clear { clear: both; }
LABEL.over { color: #ccc; position: absolute; top: 20px; left: 20px;}

JavaScript

$('#f').submit(function() { 
    $('label').not('[for="applied"]').labelOver('over'); 
    return false;
})