title: Set default value for jQuery slider and override when needed
body: <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>