title: cannot call methods on draggable prior to initialization
body: <p>I'm trying to destroy an instance of jQuery UI's draggable, but I'm receiving a 'cannot call method' error.</p>
  
  <p><strong>My code</strong><br /></p>
  
  <pre><code>$('table.paper tr').draggable({
      helper: 'clone',
      create: function(event, ui) {
          $('body').on('click', '[data-action="edit-ingredients"]', function(event) {
              event.preventDefault();
              $('table.paper').draggable('destroy');
          });
      },
      start: function(event, ui) {
          c.tr = this;
          c.helper = ui.helper
          $(this).hide();
      },
      drag: function(event, ui) {
          var collides = $('table.paper').overlaps($(c.helper));
          if (collides.hits.length) {
              $(c.helper).removeClass('delete');
          } else {
              $(c.helper).addClass('delete');
          }
      }
  });
  </code></pre>
  
  <p><strong>The error</strong><br />
  <code>Error: cannot call methods on draggable prior to initialization; attempted to call method 'destroy'
  http://code.jquery.com/jquery-1.11.0.min.js
  Line 2</code></p>
  
  <p>In 'logic speak', this error is telling me my flow of code isn't correct as jQuery UI's draggable isn't initiated when I attempt to destroy it - however, as you can see I am creating the event listener within the draggable's 'create' event.</p>