title: creating a jqueryui selectable causes Uncaught TypeError: Object [object Object] has no method 'selectable'
body: <p>I have a ul which I turn into a selectable using:</p>
  
  <pre><code>jQuery(".ul01").selectable({
      filter: "li",
      selected: this.li01Selected
  });
  </code></pre>
  
  <p>Obviously, on 'selected', I call a function that creates another selectable:</p>
  
  <pre><code>this.li01Selected = function(event, ui){
      jQuery(".ul02").selectable({
          ...
  </code></pre>
  
  <p>My problem happen when jQuery(".ul02").selectable({ is called, I get </p>
  
  <pre><code>"Uncaught TypeError: Object [object Object] has no method 'selectable'"
  </code></pre>
  
  <p>I have tried var x = jQuery.noConflict() with the same outcome.
  I have checked that only one jquery and jqueryui lib is imported.</p>
  
  <p>I can only guess that its something to do with calling .selectable() within .selectable()...</p>
  
  <p>Thanks for looking. </p>