Tying an HTML slider 'max' range to an input field's value
<p>How does one set the 'max' range value of a jQuery uiSlider to the value of a user editable input field?</p>

<p>Here is my <a href="http://jsfiddle.net/djallen2882/qLcpdoc4/5/" rel="nofollow">example</a></p>

<pre><code>&lt;div data-role="page" id="page1"&gt;
  &lt;div data-role="header" data-position="fixed"&gt;
   &lt;/div&gt;
    &lt;div&gt;
&lt;input name="Profit" id="Profit" value="How do I tie the 'max' range to this input field?" style="font-weight: bold;" /&gt;
&lt;input name="label" id="label" value="deal" style="font-weight: bold;" /&gt;

&lt;/div&gt;

&lt;div role="main" class="ui-content"&gt;

  &lt;ul data-role="listview"&gt;
    &lt;li&gt;
      &lt;div id="SlideDesign"&gt;

      &lt;input type="range" name="pSlider" id="pSlider" min="-1000" max="600" value="300" data-highlight="true" /&gt;
       &lt;/div&gt;
     &lt;/li&gt;
   &lt;/ul&gt;
 &lt;/div&gt;
</code></pre>

<p></p>

<p>Thanks!!</p>