title: Updating max value of jQuery slider from input field
body: <p>I have a simple jquery slider, where I would like to update max:value by entering the amount in input field. Here is what I have so far:</p>
  
  <pre><code>&lt;input name="cost" type="text" class="inputbox" size="10" id="cost" /&gt;
  
  &lt;label for="status"&gt;Progress Bar:&lt;/label&gt;
      &lt;input type="text" id="status" style="border:0; color:#158FB6;font-weight:bold; background-color:#F8F8F8" name="status"/&gt;
      &lt;div id="status-range" style="width: 250px;margin-top:2px"&gt;&lt;/div&gt;
  
  $(function() {
      $( "#status-range" ).slider({
          value:0,
          min: 0,
          max: 0,
          slide: function(event, ui) {
              $("#status").val("$" + ui.value);
          }
      });
      $("#status").val("$" + $("#status-range").slider("value"));
  });
  </code></pre>
  
  <p>Now when user enters value in cost field I want max:0 to be updated automatically.</p>