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

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

代码如下：

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