title: jQuery UI Datepicker - How to alter Datepicker HTML
body: <p>I need to make a few simple changes to the Datepicker HTML generated by the jQuery UI Datepicker e.g. adding some brief text after the calendar table.</p>
  
  <p>I have been trying to do this using the beforeShow event, but while I can access the current HTML using this, manipulating it does not work:</p>
  
  <pre><code>beforeShow: function(input, inst) {
  //#this works
  alert($('#ui-datepicker-div').html());
  //#this does nothing
  $('#ui-datepicker-div').append('message');          
  }
  </code></pre>
  
  <p>I think this might be because the Datepicker HTML elements are added to the Dom later and therefore the live method is needed to update the HTML, but I do not know how to hook up the live method with this function callback. Or I could well be approaching this in the wrong way altogether.</p>
  
  <p>I would really appreciate if someone could help me out with this as I have searched and tried a lot of things but I can't seem to get this working. Thanks.</p>