initialNum = 10;
<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.16.custom.css" rel="stylesheet" />
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery-ui.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#box').fadeIn('slow',function(){
$('#box').resizable({containment:'parent', handles:'all', minHeight:100,maxHeight:300,minWidth:100,maxWidth:300, start:function(){
$('valueCount').text = initialNum;
for(i=10;i<30;i+0.01)
{
$('box' + i).//got stuck here
});
});
});
</script>
the html
<div id="cbox" class="cbox" name="cbox">
<div id="box" class="box" name="box" style="display:none;" ></div>
</div>
<span id="valueCount">10</span>