Better way of gathering multiple input
<p>I am trying to find a better way to gather multiple input. At the moment, I am using a slider to represent how many items a user wishes to enter. If a user say selects 3 then I am looking for a way to display a way for them to enter 3 items. </p>

<p>I guess what I need is say if a user selects 3 with the slider, then I need to display 3 input elements with a certain width using the same ID. Say like a bank may ask for your pin. Is this possible. In my example, #boxnumber is the div that needs to be created. Many thanks</p>

<pre><code>$(function() {
$("#boxnumber").hide();
$("#slider").live('change', function() {

if($(this).val()&gt;0)
  $("#boxnumber").addClass("ui-input-text").show(1000);
else
if ($(this).val()==0)
  $("#boxnumber").hide(1000);

 });
});
</code></pre>

<p>+++EDIT+++</p>

<pre><code>&lt;div id="boxnumber"&gt;
  &lt;label for="boxamount"&gt;Enter box numbers *&lt;/label&gt;
  &lt;input type="text" name="boxamount" id="boxamount" value="" /&gt;
&lt;/div&gt;
</code></pre>

<p>This input is initially hidden.</p>
