Placeholder not working in IE 11 with required field validator

<%--<script type="text/javascript">
if (navigator.userAgent.indexOf("MSIE") > 0) {
$(function () {
// document.getElementById("m").value = "Address Line 1";

var input = document.createElement("input");
if (('placeholder' in input) == false) {
$('[placeholder]').focus(function () {
var i = $(this);
if (i.val() == i.attr('placeholder')) {
i.val('').removeClass('placeholder');
if (i.hasClass('password')) {
i.removeClass('password');
this.type = 'password';
}
}
}).blur(function () {
var i = $(this);
if (i.val() == '' || i.val() == i.attr('placeholder')) {
if (this.type == 'password') {
i.addClass('password');
this.type = 'text';
}
i.addClass('placeholder').val(i.attr('placeholder'));
}
}).blur().parents('form').submit(function () {
$(this).find('[placeholder]').each(function () {
var i = $(this);
if (i.val() == i.attr('placeholder'))
i.val('');
})
});
}
});
}
</script>--%>

I resolved this issue using compatibility mode set
It happen due to default compatibility mode =9
--but i would like to solve this using JavaScript function which i have use/ using posted script
thx