Set default value for jQuery slider and override when needed
<p><strong>Background:</strong> I currently have a <strong>working</strong> jQuery slider on my website inside my .js file</p>

<pre><code>$( "#slider-range-min" ).slider({
      range: "min",
      value: 100,
      min: 1,
      max: 100,
    });
</code></pre>

<p>I need to be able to override the "Value" from 100 to some other value sometimes. So I tried this:</p>

<pre><code>$( "#slider-range-min" ).slider({
      range: "min",
      value: _Slider_Value,
      min: 1,
      max: 100,
    });
</code></pre>

<p>and defined this on my html page</p>

<pre><code>&lt;script type="text/javascript"&gt;  
    var _Slider_Value = 50;
&lt;/script&gt;
</code></pre>

<p>which also works! <strong>Except</strong> then on all the other pages I get a javascript error stating "_Slider_Value is not defined". I'd rather not have to copy &amp; paste the value onto all my pages if I can avoid it... doesnt seem like a "good" way to do it?</p>

<p><strong>Question:</strong> is there a better way to do this - so I can have a default value for my slider, but occasionally override it when required?</p>

<p><strong>Edit:</strong> Another way of saying it: how do I make my slider default to "100" unless I tell it otherwise in my html page?</p>
