title: How to display a pointer when hovering over an icon
body: <p>Below I have a Jquery datepicker and a jquery timepicker (both trent richardson's datepicker and timepicker)</p>
  
  <pre><code> $(function() {
          $( "#datepicker" ).datepicker({minDate: 0, 
          dateFormat: "dd-mm-yy",
          showOn: "button",
          buttonImage: "Images/calendar.gif",
          buttonImageOnly: true});
      });
  
  
  
          $('#durationpicker').trenttimepicker({
              timeFormat:'hh mm ss',
              hourGrid: 4,
              minuteGrid: 10,
              secondGrid: 10,
              showOn: 'button',
              buttonImage: "Images/clock.gif",
              buttonImageOnly: true
              });
  
          });
  </code></pre>
  
  <p>Now both datepicker and timepicker are accessed by the user clicking on an icon (a calender icon for datepicker and a clock icon for timepicker ('#durationpicker'). What my question is that how can I get it so that the pointer cursor appears when the user is hovering over the two icons?</p>
  
  <p>Below is the html:</p>
  
  <pre><code>&lt;p&gt;&lt;strong&gt;3: Duration:&lt;/strong&gt; &lt;input type="text" id="durationpicker" name="durationChosen" readonly="readonly" /&gt;
  
  &lt;p&gt;&lt;strong&gt;4: Date:&lt;/strong&gt; &lt;input type="text" id="datepicker" name="dateChosen" readonly="readonly" /&gt;
  </code></pre>