使表單字段處於活動狀態時使div顯示

我需要創建一個div，該表單字段處於活動狀態時會顯示包含提示的消息，並在表單字段不再處於活動狀態時消失。我的表單字段都有ID，例如#monthly_rent，我的提示有一類.monthly_rent_tip。我如何使它在必要時出現並消失。使表單字段處於活動狀態時使div顯示

這是我目前有的代碼，但不起作用。

<script type="text/javascript"> 
jQuery(document).ready(function() 
    { 
     jQuery('.tip.left.monthly_rent_tip').hide(); //hide 
     jQuery('#monthly_rent').focus(function(){ 
      jQuery('.tip.left.monthly_rent_tip').show(); //show 
     }).blur(function(){ 
      jQuery('.tip.left.monthly_rent_tip').hide(); //hide again 
     }); 

    }); 
</script>

CSS的小費DIV是在這裏：

.tip { 
position:relative; 
padding:15px; 
margin:1em 0 3em; 
border:5px solid #f18500; 
background:#fff; 
/* css3 */ 
-webkit-border-radius:10px; 
-moz-border-radius:10px; 
border-radius:10px; 
} 

.monthly_rent_tip { 
top:1060px; 
left:-130px; 
}

目前這並沒有什麼，任何人都可以指出我正在做敬請錯誤。

來源

2013-02-04 Sam Skirrow

'JQuery'通過固定的成'$'或'啓動jQuery' –

你可以添加你的js/css的html嗎？ – boz