title: How to multiply jQuery slider value by a defined variable?
body: <p>I want to multiply the number of minutes per day, whose value is defined by the slider, by a specified number (like 0.05). Then I want to multiply that by 30 so that it is a rough monthly estimate. Then I want to display that value beside my "Estimated Monthly Bill" paragraph near the bottom.</p>
  
  <p>Ex.  </p>
  
  <pre><code>monthlyEstimate = slidervalue * .05 * 30
  </code></pre>
  
  <p>The slider is borrowed from the jQuery UI website. Here is the code:</p>
  
  <pre><code> &lt;head&gt;
      &lt;script&gt;
  $(function() {
      $( "#slider-range-min" ).slider({
          range: "min",
          value: 1,
          min: 1,
          max: 150,
          slide: function( event, ui ) {
              $( "#amount" ).val( "" + ui.value );
          }
      });
      $( "#amount" ).val( "" + $( "#slider-range-min" ).slider( "value" ) );
       });
  &lt;/script&gt;
  
  &lt;/head&gt;
  
  
  
  &lt;body&gt;
      &lt;style&gt;
      #slider-range-min{
      width: 200px;
      height:10px;
      }
      &lt;/style&gt;
       &lt;div id="estimate"&gt;
  
      &lt;p&gt;
          &lt;label for="amount"&gt;Minutes Per Day:&lt;/label&gt;
          &lt;input type="text" id="amount" style="border: 0; color: #B01D63; font-family: Signika;" /&gt;
      &lt;/p&gt;
  
      &lt;div id="slider-range-min"&gt;&lt;/div&gt;
      &lt;br /&gt;
  
  
   &lt;p&gt;
      Estimated Monthly Bill:     
   &lt;/p&gt;
  </code></pre>