title: Draggable element make it snap to the vertices around it with a high snapTolerance
body: <p>I just wanted to make a grid with a dragged element and make it snap to the vertices around the element I'm dragging. Happens that if the snapTolerance is too high (grid size i.e: 20px) but the asset is not divisible by 20 in size... it won't snap to the next vertex but it will make a 20px jump to the next block. I don't know if I'm being clear but here's a <a href="http://jsfiddle.net/ofk0smrf/1/" rel="nofollow">jsfiddle</a> that might help you understand this better.</p>
  
  <p>In this example, I would like the right side to touch the next vertex before the next-block-jump. Is that possible with jQuery UI right now? </p>
  
  <p>I can decrease the snapTolerance but the snappy effect won't be that smooth since the dragged elements may vary in sizes. </p>
  
  <p>I would like to make it stuck on the vertices at all times but have the edges of the dragged element to snap on every vertex around.</p>
  
  <pre><code>$(".draggable-block").draggable({
      snapTolerance: 20,
      snap: '.guide-line'
  });
  </code></pre>