Hi All!

I want to resized textbox with the help of css and jquery. How it is possible. 

My line of code as following.  

<textarea name="quotes" id="resizeable" cols="40" rows="10" ></textarea>

I want to resize it from a div just below of the textaea.

<div id="grippie" style="margin-right: 0px;cursor: n-resize;">-----------------------------</div>

I tried the following script but its not resizing. What could be the reason? Please help me to solve this issue.

 <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

  <script>

  $(function() {

    $( "#grippie" ).resizable({

      alsoResize: "#resizeable"

    });

    $( "#resizeable" ).resizable();

  });

  </script>

Thanks in advance!