title: jquery sortable: sorted item triggers reordering
body: <p>I have a list of items that represent <code>div</code> layers. When I sort one of these list items, I want their respective div layers to be sorted aswell.</p>
  
  <p><strong>list: <em>these items are sortable</em></strong></p>
  
  <pre><code>&lt;ul id="sortable"&gt;
     &lt;li id="1"&gt;Div 1&lt;/li&gt;
     &lt;li id="2"&gt;Div 2&lt;/li&gt;
     &lt;li id="3"&gt;Div 3&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p><br/>
  <strong>div layers: <em>these divs will be reordered</em></strong></p>
  
  <pre><code>&lt;div id="div_container"&gt;
    &lt;div id="div1"&gt;Div 1 item&lt;/div&gt;
    &lt;div id="div2"&gt;Div 2 item&lt;/div&gt;
    &lt;div id="div3"&gt;Div 3 item&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><br/></p>
  
  <p>example: when <code>li#1</code> moves to the second place, then <code>div#1</code> goes to the second position automatically</p>
  
  <p><br/>
  <strong>init</strong>  </p>
  
  <pre><code>$('#sortable').sortable();
  </code></pre>