Jquery focus blur给文本框加选中离开效果

给文本加上得到焦点有一个边框，失去焦点后去除边框的效果 

   代码相当简单

css:

.border-red{border:1px #FF0000 solid}

js:

  $("input[type=text]").focus(function(){
         $(this).addClass("border-red")
    }).blur(function(){
        $(this).removeClass("border-red")
    })

html结构:

<div><input type="text" name="username"><input type="text" name="age"></div>