title: jQuery UI Resizable - Synchronous with grid
body: <p>I have two resizable elements and I need them to resize Synchronously maintaining the grid. It seems that these two option do not work together. Any ideas?</p>
  
  <p>Demo: <a href="http://jsfiddle.net/CbYtT/2/" rel="nofollow">http://jsfiddle.net/CbYtT/2/</a>
  (Try resizing horizontally)</p>
  
  <pre><code>$(function() {
  
      $( "#this" ).resizable({
          alsoResize: "#that", 
          grid: 100
  
      });
  
      $( "#that" ).resizable({
          alsoResize: "#this", 
          grid: 100
      });
  
  });
  </code></pre>