title: Add handle icon to jquery resizable
body: <p>I have a div that needs to be height resizable. Adding the resizable bar at the top was not an issue however I also need to add an icon on the left side of the gray bar so it's more obvious to the user that they can drag that.</p>
  
  <p>Unfortunately I can't seem to get it to work. Setting a background to the ui-resizable-n class won't work and adding an <code>&lt;img/&gt;</code> tag to the generated handle, event though I can make it look right, I can't grab the icon and drag it.</p>
  
  <p>Any thoughts ? </p>
  
  <p><a href="http://plnkr.co/edit/tAQbS6LYMebLGsCXPJwL?p=preview" rel="nofollow">http://plnkr.co/edit/tAQbS6LYMebLGsCXPJwL?p=preview</a></p>
  
  <p>Layout: <a href="https://dl.dropboxusercontent.com/u/2227188/handle%20on%20the%20left.png" rel="nofollow">https://dl.dropboxusercontent.com/u/2227188/handle%20on%20the%20left.png</a> (the gray bar is between 2 divs and it's resizing both of them .. that part is done - notice the icon on the left of the bray bar).</p>