使表单字段处于活动状态时使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