I don't want to use jQuery-UI.

So i write my plugin but the function doesn't work.

The code is:

2. resizeWidth: function(){
3.       var coord=null;
4.       $(this).mousedown(function(e){
5.             coord={
6.                   x: e.pageX,
7.                    dw: $(this).parent("#uz").width(),
8.             tw: $(this).parent("uz").children("textarea").width()
9.       };
10.       e.preventDefault();
11. });
12. $(document).mousemove(function(e){
13. if (coord){
14. // alert(coord.tw);
15. $(this).parent("#uz").children("textarea").css("width",coord.tw+(e.pageX-coord.x));
16. $(this).parent("#uz").css("width",coord.dw+(e.pageX-coord.x));
17. }
18. e.preventDefault();
19. }).mouseup(function(e){
20. coord=null;
21. e.preventDefault();
22. });
23. }

If i uncomment the alert in mousemove handler, i see that the mouseup event is never fired, so there is an alert every movemenet of the mouse.

Using DOMInspector of Chrome there aren't error.

Some help?