title: how to drag 2 div at the time
body: <p>how to make, when first div drags, second div drag too</p>
  
  <p>first div drags with jquery ui </p>
  
  <pre><code>&lt;div id="draggable"  style="position: absolute; z-index: 999; width: 100px; height: 100px; background: orange;"&gt;&lt;/div&gt;
  &lt;div id="xren" style="position: absolute; z-index: 998; width: 100px; height: 100px; background: orange;"&gt;&lt;/div&gt;
  
  &lt;script type="text/javascript"&gt;
    var a = $('#draggable').offset();
   $('#xren').css("top", a.top + 100 + "px");
   $('#xren').css("left", a.left + 100 + "px");
  </code></pre>
  
  <p></p>
  
  <p>but it does not work</p>
  
  <p><img src="https://i.stack.imgur.com/15FpP.jpg" alt="enter image description here"></p>
  
  <p>first div drags with jquery ui  &amp; second div drags when first div drags </p>