title: Why won't jquery ui's (v1.10.0) datepicker work for me in Firefox v18.0.1?
body: <p>I'm having a problem getting the jquery ui datepicker to show up on a dynamically added element inside a jquery ui selectable but only in Firefox.</p>
  
  <p>Once one of the selectables is selected, a dynamically created input is created and appended to the selectable. That input is assigned as a datepicker before being added to the dom dynamically.</p>
  
  <p>I've created a <a href="http://jsfiddle.net/TG4wx/" rel="nofollow">jsfiddle</a> with the example of my problem... it runs fine in Chrome but Firefox doesn't like it. By "doesn't like it" I mean that the datepicker won't show up when clicking on the input after selecting one of the selectable titles.</p>
  
  <p>Here is the raw javascript for the jsfiddle I've linked to above:</p>
  
  <pre><code>$(document).ready(function(){
      $('.selectable').selectable({
          filter: 'li',
          cancel: 'input',
          stop: function(e, ui){
              var li = $(this).find('li');
  
              if (li.length &gt; 0){
                  $(li).each(function(){
                      if ($(this).hasClass('ui-selected')){
                          if ($(this).find('.start_date').length == 0){
                              var datepicker = $('&lt;input/&gt;').prop({'readonly': true}).datepicker({ minDate: 1 });
  
                              $('&lt;div/&gt;').attr({'class': 'start_date subtitle'})
                                  .append($('&lt;label/&gt;').css({'display': 'inline-block'}).text('Start Date:'))
                                  .append(datepicker)
                                  .appendTo(this)
                          }
                      } else {
                          $(this).find('.start_date').remove();
                      }
                  });
              } else {
                  $(this).find('li div.start_date').remove();
              }
          }
      }).disableSelection();
  });
  </code></pre>
  
  <p>Thanks</p>