datatable filter with jquery ui slider

I use data table plugin for my grid view it works fine for searching,sorting but i want searching like in the following link with jquery UI slider
http://jiren.github.com/filter.js/filterjs.html and searching with check box but not getting idea how to do it when i change something in my code the slider gets disapear help me to get out of it please provide any working code

here is my .aspx jquery code


<script type="text/javascript">


jQuery(document).ready(function($)
{

$(function(){
var options =
{
range: true,
min: 500,
max: 1000,
values: [500, 1000],
slide: function(event, ui)
{
min = ui.values[0],
max = ui.values[1];
$("#amount").val("Rs." + min + " - Rs." + max);
},
stop: function(event, ui)
{//This event is triggered when the user stops sliding.
oTable.fnDraw();
}
}

$("#slider-range").slider(options);
min = $("#slider-range").slider("values", 0);
max = $("#slider-range").slider("values", 1);
$("#amount").val("Rs." + min + " - Rs." + max);
});

$('#<%= grdshowResult.ClientID %>').dataTable({
"bJQueryUI": true,
"bPaginate": false,
"bLengthChange": false,
"bFilter": true,
"bSort": true,
"bAutoWidth": false

});

});
</script>