JQuery UI resizable example

HTML

<input type="text" class="resize"/>

CSS

.ui-resizable-helper {
    border: 1px dotted #999;
}
#resize {
    background-color: #ccc;
}
.demodiv {
    height: 150px;
    width: 150px;
    float: left;
    margin-left: 5px;
}

JavaScript

$('.resize').resizable({
    helper: "ui-resizable-helper",
    grid: [10, 10]
});