title: JQuery Sortable ConnectWith don't work
body: <p>I have two sortable lists. I want to connect this lists so I will be able to move items from one list to another in both directions. I use sortable connectWith, but still I cant move list  items from one to another list. </p>
  
  <p>Also I'm able to move items from one place to another but in the same list. </p>
  
  <p>Here is the code:</p>
  
  <pre><code>&lt;div class="category-container" data-id="1"&gt; 
      &lt;div class="category-header" data-id="1"&gt; 
      &lt;/div&gt;
      &lt;ul class="list-items ui-sortable"&gt;
          &lt;li class="item" data-id="3"&gt;
          &lt;li class="item" data-id="43"&gt;
          &lt;li class="item" data-id="28"&gt;
          &lt;li class="item" data-id="24"&gt;
          &lt;li class="item" data-id="21"&gt;
          &lt;li class="item new" data-id="0"&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  &lt;div class="category-container" data-id="2"&gt;
      &lt;div class="category-header" data-id="2"&gt; 
      &lt;/div&gt;
      &lt;ul class="list-items ui-sortable"&gt;
          &lt;li class="item" data-id="17"&gt;
          &lt;li class="item" data-id="8"&gt;
          &lt;li class="item" data-id="9"&gt;
          &lt;li class="item new" data-id="0"&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And JQuery:</p>
  
  <pre><code> $(".list-items").sortable({
              connectWith: '.list-items',
              items: "li:not(.item.new)",
              placeholder: 'place-holder',
              scroll: false,
              tolerance: "pointer"
  }).disableSelection();
  </code></pre>
  
  <p>I cant find out what is the problem.</p>
  
  <p>Can someone help me?</p>
  
  <p>Thanks</p>