title: How to initiate resizing function (trigger handle drag) for resizable jQuery UI elements
body: <p>Currently dynamically creating a <a href="http://jqueryui.com/resizable/" rel="noreferrer">resizable</a> element on<code>mousedown</code> when I click the screen.</p>
  
  <p>jQuery UI auto adds handles to allow the user to click and drag to resize the element afterward.</p>
  
  <p>I would like to trigger the handle so that as long as the user hasn't triggered <code>mouseup</code> they'll already be resizing the newly created element.</p>
  
  <p>I can't find anything in the documentation that shows what events get triggered upon clicking those handles. I have tried executing <code>mousedown</code> and <code>click</code> on the handle after the element is created, placed on screen, and set as <code>resizable</code>. Neither of these worked.</p>
  
  <p>Does anyone know how to trigger the start of the resize action? Alternatively if anyone knows how to log jQuery UI events I can use that to view what actions occur when the handles get clicked, follow the same path, and post my results here.</p>