I have a textarea that keeps track of a moveble div like this

```
    $('#content').children().draggable({ 
        drag : function () {
                $('#textarea').text("left:" +($(this).position().left) + "px" + "\ntop:" + $(this).position().top + "px");
        } 
    });

```

The problem is that if i write something in that textarea, it will stop updating the position if i move the div.
If the text in the textarea is like this:

blablablabla
left:10px
top:20px;
blablablablabla

I want to be able to write in the textarea and update the position if i move the div without the other content of the textarea being removed.

someone should be able write whatever they want in the textarea and if they move it, the position will appear a specific place or at the end of what they have written

Any ideas?

Example using ".val" instead of ".text": <http://jsfiddle.net/Ydkrw/>
".val" will remove the existing text...

Update: based on valentinos answer i did like so: <http://jsfiddle.net/8G82U/>
But this doesn't work if you write something in the textarea before you move it