Question: can anyone please help me, how to resize font size by resize event of div using jquery ui plugin?

html :

```
<div>my testing data</div>

```

script :

```
$('div').resize(); //this function is called from resize plugin of ui jquery

```

i want to increase font size by resizing the div.

Answer: 
According to [documentation](http://docs.jquery.com/UI/Dialog), you can do something like this:

```
$("#dialog").bind('resize', function(event, ui){
   var height = $(this).dialog('option', 'height');
   $(this).css('font-size', height);
});

```

Consider your `div` has an`id="dialog"`.

Hope this helps.
Instead of getting the height again accessing 'option' you can use the ui object, it will give you start size, end size and location too. 

```
* ui.helper - a jQuery object containing the helper element
* ui.originalPosition - {top, left} before resizing started
* ui.originalSize - {width, height} before resizing started
* ui.position - {top, left} current position
* ui.size - {width, height} current size

```