asp.net-mvc-3 - 数値入力タイプの代わりに JQueryUI スライダー

Question

タイプ番号の 3 つの入力を持つ、MVC3 の単純なビューがあります。入力の代わりに JQueryUI スライダーを表示する必要があります。こうやってみましたが、入力フォームの形が変わるだけでスライダーがありません。

コード：

<script>
        $(function () {
            $(".nmbr").slider({
                range: "min",
                min: 1,
                max: 100,
                slide: function (event, ui) {
                    $("input[name=" + $(this).attr("id") + "_value]").val(ui.value);
                }
            });
        });
</script>

そしてhtml：

<div>
<label for="number">Value:</label>
<input type="text" name="first_value" style="border:0;" />
<input type="number" class="nmbr" id="first" />
<br />
<br />

<label for="number">Value:</label>
<input type="text" name="second_value" style="border:0;" />
<input type="number" class="nmbr" id="second" />
<br />
<br />

<label for="number">Value:</label>
<input type="text" name="third_value" style="border:0;" />
<input type="number" class="nmbr" id="third" />
<br />
<br />

私はどこに道を外れたのですか？