title: Jquery UI Draggable and Swappable
body: <p>This is my first time using jquery ui and the layout plugin. I've made several divs that need to be swappable essentially. I linked a jsfiddle of my current layout so you can see what I'm trying to do. I've attempted several solutions but they've been too buggy or moving the "pin" divs is really laggy. Do you have any possible solutions to make these "pin" divs easily drag and swappable? Below is an example of an item that should be drag and swappable.</p>
  
  <pre><code> &lt;div class="pinChildContainer"&gt;
        &lt;div class="pins"&gt;
             &lt;img class="pinImage" src="img/paymentServices.jpg" alt="Payment Services" width="188" height="185" /&gt;
             &lt;p class="pinTitle"&gt;Payment Services&lt;/p&gt;
        &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/qqx25vg8/3/" rel="nofollow">https://jsfiddle.net/qqx25vg8/3/</a></p>