Надпись рядом с полем формы
 

Всем привет! ситуация след: есть поле в форме для ввода имени, есть <span> рядом с этим полем, всё в таком виде:

<input name="login" type="text" value="Введите имя" id="login" size="36" class="required" title="Пожалуйста, введите ваш логин.">
      
<span id="777"> </span>

При вводе имени в поле в <span> отображается надпись "Привет, + имя", напр. "Привет, user". Однако при удалении введенного имени надпись "Привет, user" никуда не девается. Вот код

$('#login').blur(function() {
var a=document.getElementById ('777');
var fieldValue=$(this).val(); 
if (fieldValue!=' ') {

a.innerHTML='Hi,'+' '+fieldValue

}

else {
$('span').hide();
}  
});

Может кто-то знает или догадывается в чём косяк?

1. Вы настолько особенный, что ваш вопрос как-то напрямую относится к проблемам этого сайта?
2. Код отформатируйте, для этого есть дескрипторы [html] и [js]

напиши пожал. как должен выглядеть код

Исключительно на вскидку, первый и последний раз

<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>

<input name="" type="text" value="Введите имя" title="" />
<span></span>

<script type="text/javascript">
$(function(){
    $('input').bind({
        focus: function(){
           if($(this).attr('text') == undefined){
               $(this).attr('text', $(this).val());
            }
            if($(this).val() == $(this).attr('text')){
               $(this).val('');
            }
         },
        blur: function(){
           if($(this).val() == ''){
              $(this).val($(this).attr('text'));
           }
        },
        keyup : function(){
           $('span').text($(this).val());
        }
    });
});
</script>

всё работает, огромное спасибо!!!