title: jQuery DatePicker append text beforeShow and onSelect
body: <p>Please check this <a href="http://jsfiddle.net/dw6Ldbfj/" rel="nofollow">fiddle</a></p>
  
  <p>The first Calendar is what I currently have, I wanted to add some text element at the bottom of the calendar inside the div <code>.ui-datepicker</code></p>
  
  <p>I have this code which doesn't work properly,</p>
  
  <pre><code>(function($) {
       $('.date').datepicker({
          beforeShow: function(input, inst) {
              alert('Show it to me baby');
              $(this).find('.ui-datepicker').append( 'Here I am' );
          },
          onSelect: function(dateText, inst) {
              var date = $(this).val();
              alert( date ); 
              $(this).find('.ui-datepicker').append( date );
          }
      }); 
  })(jQuery);
  </code></pre>
  
  <p>my problems are</p>
  
  <ol>
  <li><p>The beforeShow method doesn't work for calendar that is being displayed on pageload, it works fine when datepicker is attached to input.</p></li>
  <li><p>In the event "onSelect", it looks like the calendar HTML element has been re added in dom and my append code won't run on the current calendar, </p></li>
  </ol>
  
  <p>I would appreciate any guidance,</p>
  
  <p>Thanks</p>