$(document).ready(
    function(){
        $('#searchbox .searchfield').focus(
            function() {
                if($(this).val() == 'Search here...') {
                    $(this).css({
                        color:"#000"
                    }).val('');
                }
                $(this).parents("#searchbox").css("border", "1px solid #888");
            }
            ).blur(
            function(){
                if($(this).val() == '') {
                    $(this).css({
                        color:"#999"
                    }).val('Search here...');
                }
                $(this).parents("#searchbox").css({
                    "border-bottom":"1px solid #ddd",
                    "border-left":"1px solid #c3c3c3",
                    "border-right":"1px solid #c3c3c3",
                    "border-top":"1px solid #7c7c7c"
                });
            }
            );
        $('#searchbox .searchbutton').click(
            function() {
                if($('#searchbox .searchfield').val() == '' || $('#searchbox .searchfield').val() == 'Search here...') {
                    alert("Please input your search keyword");
                    return false;
                } else {
                    $(this).submit();
                }
            }
            );

        $(
            function() {
                if($('#searchbox .searchfield').val() == '' || $('#searchbox .searchfield').val() == 'Search here...') {
                    $('#searchbox .searchfield').css({
                        color:"#999"
                    }).val('Search here...');
                }
            }
            );
    }
    )