js解决文本框的placeholder属性失效的问题

曾经写页面的时候遇到过文本框的placeholder失效的问题，对js绝缘的我，果断求助欧巴帮忙，

代码如下：

 1 <textarea class="information-input-2" id="myinput" ></textarea>
 2 <script language="JavaScript" type="text/javascript">
 3     $(function() {
 4         var t = $('#myinput');              //获取到文本框
 5         t.css("color","#A9A9A9");           //设置文本框默认的字体颜色
 6         t.val("请输入问卷概述、摘要");       //设置文本框默认显示的字体
 7         var default_value = t.val();
 8         t.focus(function() {                //文本框获取焦点是执行的函数
 9             t.css("color","black");         //设置字体颜色
10             if (t.val() == default_value) {
11                 t.val('');
12             }
13         });
14         t.blur(function() {                 //文本框失去焦点时执行的函数
15             t.css("color","black");
16             if (t.val() == '') {            //如果文本框内为空的话
17                 t.val(default_value);       //仍然显示默认值
18                 t.css("color","#A9A9A9");
19             }
20         });
21     });
22 </script>