Kendo Slider

HTML

<!DOCTYPE html>
<html>
    <head>
        <title>slider</title>
        <link href="http://cdn.kendostatic.com/2012.1.515/styles/kendo.common.min.css" rel="stylesheet" />
        <link href="http://cdn.kendostatic.com/2012.1.515/styles/kendo.default.min.css" rel="stylesheet" />
        <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
        <script src="http://cdn.kendostatic.com/2012.1.515/js/kendo.all.min.js"></script>
    </head>
    <body>
        <div id="test" style="display:none;">
            <div id="rangeSlider" style="margin: 20px;">
                <input />
                <input />
            </div>
            <br />
            <input id="slider" />
        </div>
    </body>
</html>

JavaScript

$(document).ready(function() {
    $("#rangeSlider").kendoRangeSlider();
    $("#slider").kendoSlider();
    setTimeout(function(){
        $("#test").show();
    }, 2000);
});