$(document).ready(function() {

    var keywords = $('#keywords');
    var watermarkText = 'Search..';
    var watermarkColor = '#bbb';
    var originalColor = keywords.css('color');

    // Initial load of page:
    // Set watermark only if there's no value.
    if (!keywords.val()) {
        keywords.val(watermarkText);
        keywords.css('color', watermarkColor);
    }

    keywords.focus(function() {
        // Textbox got focus:
        // Clear the textbox only if the value is the watermark.
        if (keywords.val() == watermarkText) {
            keywords.val('');
            keywords.css('color', originalColor);
        }
    });

    keywords.blur(function() {
        // Textbox lost focus:
        // Reset the watermark only if there's no value.
        if (!keywords.val()) {
            keywords.val(watermarkText);
            keywords.css('color', watermarkColor);
        }
    });

});