title: Turn Two Input Text Fields into One Jquery Range Slider
body: <p>I would like to take</p>
  
  <pre><code>     &lt;form name='bid_range' action='".$action."' method='post'&gt;
       &lt;ul&gt;
  
       &lt;p&gt;&lt;input type=text name=bid_from size=6 value='' /&gt;&lt;/p&gt;        
       &lt;li&gt;&lt;input type=text name=bid_to size='6' value='' /&gt;&lt;/li&gt;
       &lt;input type='hidden' name='bid_next' value='".$TPL_next_bid_value."'&gt;
       &lt;input type='hidden' name='seller_id' value='0'&gt;
       &lt;input type='hidden' name='bid_type' value='range'&gt;
       &lt;input type='hidden' name='title' value='".$TPL_title_value."' &gt;
       &lt;input type='hidden' name='category' value='".$TPL_category_value."' &gt;
       &lt;input type='hidden' name='id' value='".$TPL_id_value."'&gt;
       &lt;input type='hidden' name='t_remained_bids' value='".$remained_bids."'&gt;
       &lt;input type='hidden' name='auction_type' value='".$auction_type."'&gt;
       &lt;input type='hidden' name='form_type' value='".$type."'&gt;
       &lt;input type='hidden' name='f5_num' value='".$f5_num."'&gt;
       &lt;input type=submit id='subbutton'  name='subbutton' value='BID' class='button' style='width:70px;'&gt;
       &lt;/ul&gt;
       &lt;/form&gt;
  </code></pre>
  
  <p>... And turn that code into </p>
  
  <pre><code>&lt;p&gt;
  &lt;label for="amount"&gt;Price range:&lt;/label&gt;
  &lt;input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" /&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>For the purpose of a jquery range slider instead of two text fields.  Can someone help in how to go around doing this?  O, and I also have the usual jquery javascript, but I'm not sure if that is needed to configure.</p>