title: Best method for rebind jQuery UI Sortable from another module on DOM change after ajax
body: <p>I have a side js module which make lists sortable by jQuery UI Sortable. But Main script use ajax update of content, new lists can arrives. </p>
  
  <p>I cannot use callbacks from ajax directly to bind UI Sortable from my js module. I think about events listening. Is it right way in my situation?</p>
  
  <p>For example, for clicks I can simply use <code>$('#change_container').on('click', '.dynamic_list', function(){...}</code></p>
  
  <p>But how about Sortable after <strong>DOM change</strong>? Which event i have to use? I heard about <code>DOMSubtreeModified</code>. Or may be <code>$(document).ajaxSuccess</code> event?</p>
  
  <p>Or is it more specific way for UI Sortable dynamic binding?</p>
  
  <p>On rebinding I plan to use something like this:</p>
  
  <pre><code>$('.mylist').sortable('destroy');
  $('.mylist').unbind();
  $('.mylist').sortable(options);
  </code></pre>