title: How to set jQuery resizable widget to resize around the center
body: <p><a href="https://api.jqueryui.com/resizable/" rel="nofollow">jQuery resizable widget</a> uses top-left coordinates as it's resizing center. But I want my element to rezise around it's center when resized using mouse.</p>
  
  <p>It'd be nice if jQuery provided an option like this: </p>
  
  <pre><code>$( ".selector" ).resizable({ origin: 'center' });
  </code></pre>
  
  <p>But unfortunately this is <a href="http://bugs.jqueryui.com/ticket/7878" rel="nofollow">still an open issue</a> for more than two years now.</p>
  
  <p>Is it possible to achieve the above functionality using current jQuery API?</p>