jquery ui slider handle issue

jquery ui slider handle issue

Hi

looking at the demo on http://jqueryui.com/demos/slider/
i am unable to understand how can i tell the slider to chose specific div as handle, and id you view the source of this demo it only uses one div so how it is adding the handle on the fly.

here is the demo source
===================================
<script type="text/javascript">
$(function() {
$("#slider").slider();
});
</script>

<div id="slider"></div>
===================================

before jq1.32 and jq ui 1.7 in many tutorials this code use to work

===================================
<script type="text/javascript">
$(function() {
$("#slider").slider({
handle: ".handle"
});
});
</script>

<div id="slider">
<div class="handle"></div>
</div>
===================================

but now on the official demo site there is no property named handle,
i dont know how you select a specific div as handle.

and i dont want to use jq ui 1.7 bundled themes

regards
salman sadiq