title: jqueryui resizable handle does not move with element on a non-jqueryui-resizable-resize
body: <p>If I make an element resizable with jqueryui and I change the size of this element without using jqueryui resizable, but for example by jquery.css('width'), then the handle of the jqueryui resizable does not move with the element.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;img id="image" src="http://www.google.com.br/images/srpr/logo3w.png"/&gt;
  &lt;input id="resizeImage" type="button" value="Resize Image" /&gt;
  </code></pre>
  
  <p>Script:</p>
  
  <pre><code>var image = $('#image');
  image.resizable();
  $('#resizeImage').on('mouseup', function () {
    image.css('width', parseInt(image.width() - 1, 10) + 'px');
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/Mghhf/2/" rel="nofollow">Example</a></p>
  
  <p>Any idea how to work-around this?</p>