title: HTML5 placeholder disappears on focus
body: <p>Is there a freely available jQuery plugin that changes <code>placeholder</code> behavior to match HTML5 spec?</p>
  
  <p><strong>Before Focus</strong><br>
  <img src="https://i.stack.imgur.com/fBPxu.png" alt="chrome unfocused placeholder">  </p>
  
  <p><strong>On Focus Good (Safari)</strong><br>
  <img src="https://i.stack.imgur.com/0bE37.png" alt="safari focused placeholder"></p>
  
  <p><strong>On Focus Bad (Chrome, Firefox)</strong><br>
  <img src="https://i.stack.imgur.com/ad8D9.png" alt="chrome focused placeholder"></p>
  
  <p>You can what your browser does <a href="http://jsfiddle.net/XqaUw/" rel="noreferrer">with this simple fiddle</a>.</p>
  
  <p><a href="http://dev.w3.org/html5/spec/Overview.html#the-placeholder-attribute" rel="noreferrer">HTML5 draft spec says</a>:</p>
  
  <blockquote>
    <p>User agents should present this hint to the user, after having stripped line breaks from it, when the element's value is the empty string <strong>and/or</strong> the control is not focused (e.g. by displaying it inside a blank unfocused control and hiding it otherwise).</p>
  </blockquote>
  
  <p>The "/or" is new in current draft so I suppose that's why Chrome and Firefox don't support it yet. See <a href="https://bugs.webkit.org/show_bug.cgi?id=73629" rel="noreferrer">WebKit bug #73629</a>, <a href="http://code.google.com/p/chromium/issues/detail?id=103025" rel="noreferrer">Chromium bug #103025</a>.</p>