JQuery Slider -range not highlighted in colour
<p>My range is not highlighted can anyone see any issue with the below code</p>

<pre><code>   var minA = 0;
            var maxA = 900;

            if (getParameterByName("min")) {
                minA = getParameterByName("min");
            }
            if (getParameterByName("max")) {
                maxA = getParameterByName("max");
            }

            $("#sliderbar").slider({
                range: true,
                orientation: "horizontal",
                min: 0,
                max: 900,
                values: [minA, maxA],
                slide: function (event, ui) {
                    $("#dnn$Menu1$lowerPrice").val(ui.values[0]);
                    $("#dnn$Menu1$upperPrice").val(ui.values[1]);
                    $("#low").val("$" + ui.values[0]);
                    $("#high").val("$" + ui.values[1]);
                },
                stop: function (event, ui) {
                    $("#dnn$Menu1$lowerPrice").val(ui.values[0]);
                    $("#dnn$Menu1$upperPrice").val(ui.values[1]);
                    $("#low").val("$" + ui.values[0]);
                    $("#high").val("$" + ui.values[1]);
                    var url = "BuyAccessories?min=" + ui.values[0] + "&amp;max=" + ui.values[1];
                    $(location).attr('href', url);
                    window.location.href(url);

                }
            });
            $("#low").val("$" + minA);
            $("#high").val("$" + maxA);
</code></pre>
