title: Jquery datepicker: activate by click on div. Input should be hidden
body: <p>I am using the jquery datepicker with option to have it be activated by a click on an icon.</p>
  
  <p><a href="http://jsfiddle.net/su6Hq/" rel="nofollow">http://jsfiddle.net/su6Hq/</a></p>
  
  <pre><code>&lt;input type="hidden" id="datepicker"&gt; 
  
  $(function() {
      $( "#datepicker" ).datepicker({
        showOn: "button", 
        buttonImage: "/static/calendar.gif",
        buttonImageOnly: true
      });
  
    });
  </code></pre>
  
  <p>That works fine, but I'd very much like to have the image be defined in the css, not in the js. ideally this would be a DIV with a background url, which I would define in the css.</p>
  
  <p>The actual input needs to be hidden.</p>