title: "Password" gets displayed as "********" in IE for placeholder
body: <p>I am using HTLM5 placeholder and added modernizr.js to make it work in IE. The code segment is :</p>
  
  <pre><code>&lt;input type="password" placeholder="Password"&gt;
  
  function hasPlaceholderSupport() {
     var input = document.createElement('input');
     return ('placeholder' in input);
  }
  
  
  $(document).ready(function(){
      if(!Modernizr.input.placeholder){ 
  
          $('[placeholder]').focus(function() {
              var input = $(this);
              if (input.val() == input.attr('placeholder')) {
                  input.val('');
                  input.removeClass('placeholder');
              }
          }).blur(function() {
              var input = $(this);
              if (input.val() == '' || input.val() == input.attr('placeholder')) {
                  input.addClass('placeholder');
                  input.val(input.attr('placeholder'));
              }
          }).blur();
          $('[placeholder]').parents('form').submit(function() {
              $(this).find('[placeholder]').each(function() {
                  var input = $(this);
                  if (input.val() == input.attr('placeholder')) {
                      input.val('');
                  }
              })
          });
  
      }
  });
  </code></pre>
  
  <p>It is working fine for other browser and i want to display the text for <code>input type password</code> in IE but instead it puts the placeholder in the masking characters. How can the <code>"Password"</code> text be displyed.</p>