How to make text input box resizable (like textarea) by dragging its right-bottom corner using jQuery?

Question

I would like to have (preferrably in jQuery) regular text input box which can be clicked and dragged by its right-bottom corner (e.g. like textareas have in Chrome) and resized

Answer 1

Have you looked at the jQuery UI resizable widget?

Here is the source code for just the resizable example.