Adding dynamic elements

Question

I am using the code bellow to use the Jquery UI Slider.

<script>
$(function() {
   $( "#slider" ).slider({
      value:100,
      min: 0,
      max: 500,
      step: 50,
      slide: function( event, ui ) {
         $( "#amount" ).val( "$" + ui.value );
      }
   });
   $( "#amount" ).val( "$" + $( "#slider" ).slider( "value" ) );
});
</script>

How can add multiple sliders with a button? I want to add slider elements when I click the button bellow.

<div id="adding"></div>

And how can I control them? This single slider has a jQuery code to work...

Answer 1

$("#adding").click(function() {
    $("<div>").slider({
        // options
    }).appendTo("#sliderContainer");
});