Remove placeholder span after form submitted
<p>I'm using a placeholder span in my input fields. Using jQuery, I show/hide the span depending on whether there is a value entered into the field. The problem: When I implement this type of placeholder in a form, after submitting the form the span isn't hidden, despite the presence of a value in the input field. After the search is performed, the value remains as does the placeholder. Is there a way to correct that so the placeholder is hidden? Here is the jQuery I'm using:</p>

<pre><code>$(function() {
    $("span.holder + input").keyup(function() {
        if($(this).val().length) {
            $(this).prev('span.holder').hide();
        } else {
            $(this).prev('span.holder').show();
        }
    });
    $("span.holder").click(function() {
        $(this).next().focus();
    });
});
</code></pre>
