Setting value of slider works in jsFiddle, not on live site
<p>I created a jQuery range slider that could slide on mouse pointer as well as on input from textbox. I created it on <a href="http://jsfiddle.net/MD3mX/1673/" rel="nofollow">jsFiddle</a> and it works fine.</p>

<p>The problem is when I added the same code in my MVC application the slider doesn't slide on input change event. What could be the reason? Any version issue?</p>

<p>This piece of code doesn't move the slider on input change event:</p>

<p><strong>Jquery</strong></p>

<pre><code>$("#MinimumPrice, #MaximumPrice").change(function () {
    var valueN = $("#MinimumPrice").val();
    var valuleX = $("#MaximumPrice").val();
    $("#slider-range").slider('values', [ valueN, valuleX ]);
});
</code></pre>

<p><strong>HTML</strong></p>

<pre><code>&lt;div id="Price" class="main_filter" name="filterDiv"&gt;
&lt;h4&gt;Price&lt;/h4&gt;
&lt;div id="slider-range"&gt;&lt;/div&gt;
&lt;span class=""&gt;
    &lt;br /&gt;
    &lt;h4&gt;Price Range&lt;/h4&gt;
    &lt;br /&gt;
    &lt;div style="border: 1px solid #ccc;border-radius: 4px;width:100%;text-align: center;"&gt;
        &lt;div class="input-group" style="width: 40%;float: left;"&gt;
            &lt;span class="input-group-addon"&gt;$&lt;/span&gt;
            &lt;input id="MinimumPrice" maxlength="6" name="MinimumPrice" style="border:0;width: 50%" type="text" value="" /&gt;
        &lt;/div&gt;
        &lt;span style="width: 20%;float: left;"&gt;to&lt;/span&gt;
        &lt;div class="input-group" style="width: 40%"&gt;
            &lt;input id="MaximumPrice" maxlength="6" name="MaximumPrice" style="border:0;width: 50%" type="text" value="" /&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/span&gt;
</code></pre>

<p></p>

<p>Here is the <a href="http://jsfiddle.net/MD3mX/1673/" rel="nofollow">jsFiddle Link</a>.</p>