title: cannot call methods on slider prior to initialization attempt to call method 'value'
body: <p>I am using the following code for slider</p>
  
  <p><strong>Css and Jquery:</strong></p>
  
  <pre><code>&lt;link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /&gt;
  &lt;script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"&gt;&lt;/script&gt; 
  &lt;script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p><strong>ASPX:</strong></p>
  
  <pre><code>&lt;p&gt;
     &lt;label for="amount"&gt;Value:&lt;/label&gt; 
     &lt;input type="text" id="amount" style="border: 0; color: #f6931f; font-weight: bold;" /&gt;%
  &lt;/p&gt; 
  &lt;div id="slider-vertical" style="height: 15px; width:800px"&gt;&lt;/div&gt;
  &lt;script type="text/javascript"&gt;
      $(function () {
          $("#slider-vertical").slider({
              orientation: "horizantal", range: "min", min: 0, max: 100, value: 60,
              slide: function (event, ui)
              { $("#amount").val(ui.value); }
          });
          $("#amount").val($("#slider-vertical").slider("value"));
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>I am trying to set the value for slider:</p>
  
  <pre><code>function UpdateSlider(PhaseInStatusReportVal) {
      $("#slider-vertical").slider("value").val(PhaseInStatusReportVal);
  }
  </code></pre>
  
  <p>I am calling above code from something like this :</p>
  
  <pre><code>ClientScript.RegisterStartupScript(Me.GetType(), "updatetheslider", "UpdateSlider('" + BCOMSPackageValidationList(0).PhaseInStatusReport.ToString() + "')", True)
  </code></pre>
  
  <p>but it's throwing the above error.</p>
  
  <p>Can anyone please help me?</p>