title: HTML Select List - how to have a watermark with jQuery?
body: <p>Ok, this is somewhat driving me nuts.  I have a basic HTML page with a drop down:</p>
  
  <pre><code>&lt;select id="someDropDown" class="watermarked"&gt;
     &lt;option value=""&gt;Please Select&lt;/option&gt;
     &lt;option&gt;Item 1&lt;/option&gt;
     &lt;option&gt;Item 2&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Using this jQuery plugin, it says I can watermark a select list:</p>
  
  <p><a href="http://archive.plugins.jquery.com/project/TinyWatermark" rel="nofollow">http://archive.plugins.jquery.com/project/TinyWatermark</a></p>
  
  <p>This is my jQuery:</p>
  
  <pre><code>$(document).ready(function() {
      $('.watermarked').watermark('watermark', 'derp');
  });
  </code></pre>
  
  <p>with this css style:</p>
  
  <pre><code>.watermark 
  {
      color: #999;
  }
  </code></pre>
  
  <p>When I do this, the dropdown no longer drops, but it is watermarked...what am I doing wrong here?</p>
  
  <p>btw- this is broken in chrome, but works in IE9 only if I double click the element.</p>