title: JQuery Conflicts using nestedsortable plugin
body: <p>I am using jquery nested sortable plugin for drag and drop functionality in my site. I have some Javascript included in my main layout which is creating problems with drag and drop.
  The JS files included are</p>
  
  <pre><code>&lt;script type="text/javascript" src="{{ asset('bundles/munichinnovationgroup/js/jq/jquery-1.7.2.min.js') }}"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="{{ asset('bundles/munichinnovationgroup/js/theblock/jquery.dropdownPlain.js') }}"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="{{ asset('bundles/munichinnovationgroup/js/theblock/ui.core.pack.js') }}"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="{{ asset('bundles/munichinnovationgroup/js/theblock/ui.tabs.pack.js') }}"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="{{ asset('bundles/munichinnovationgroup/js/theblock/tools.scrollable.pack.js') }}"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="{{ asset('bundles/munichinnovationgroup/js/theblock/tools.scrollable.circular.pack.js') }}"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="{{ asset('bundles/munichinnovationgroup/js/theblock/tools.scrollable.navigator.pack.js') }}"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="{{ asset('bundles/munichinnovationgroup/js/theblock/tools.scrollable.autoscroll.min.js') }}"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="{{ asset('bundles/munichinnovationgroup/js/theblock/tools.tabs-1.0.4.min.js') }}"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="{{ asset('bundles/munichinnovationgroup/js/theblock/jquery.color.js') }}"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="{{ asset('bundles/munichinnovationgroup/js/theblock/jquery.panda.js') }}"&gt;&lt;/script&gt; 
  &lt;script type="text/javascript" src="{{ asset('bundles/munichinnovationgroup/js/theblock/jquery.prettyPhoto.js') }}"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript" src="{{ asset('bundles/munichinnovationgroup/js/jq/jquery-ui-1.8.21.custom.min.js') }}"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="{{ asset('bundles/munichinnovationgroup/js/nestedsortable.js') }}"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="{{ asset('bundles/munichinnovationgroup/js/dragdrop.js') }}"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>When I try to drag an item I see this error in my console </p>
  
  <pre><code>TypeError: this.helper.scrollParent is not a function 
  </code></pre>
  
  <p>in jquery-ui-1.8.21.custom.min.js (line 37)</p>
  
  <p>Any idea which file is creating conflict and how can I remove it </p>
  
  <p>thanks</p>