title: jquery-watermark plugin and HTML5 email input type not working correctly
body: <p><a href="http://diveintohtml5.ep.io/forms.html#type-email" rel="nofollow noreferrer">diveintohtml5</a> says it's okay to start using the email form type. So I am trying it out on one of my forms. I'm using jQuery and a plugin called <a href="http://code.google.com/p/jquery-watermark/" rel="nofollow noreferrer">jquery-watermark</a>. It makes the placeholder element work across browsers. The plugin still works on Firefox 3.6 but on Opera 10.61 and Chrome 6 the placeholder isn't rendered. </p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
    $('form input#comment_email').watermark('email (optional)');
  &lt;/script&gt;
  </code></pre>
  
  <p>is used to display the watermark/placeholder.</p>
  
  <p>Rails 3 outputs this:</p>
  
  <pre><code>&lt;input id="comment_email" name="comment[email]" size="30" type="email" /&gt; 
  </code></pre>
  
  <p>I'm not sure why it's not working. Any ideas what's going on here?</p>