Adding new input using jQuery
<p>I have a drop down called roomfac1 on my form and I would like <em>roomfac2</em>, <em>roomfac3</em>... (duplicate dropdowns) to be added when the user clicks on the <strong>Add</strong> button. How do I accomplish this using jQuery? In addition to this, I would also like the user to dynamically remove the newly created inputs as well.</p>

<p>I've uploaded my code here: <a href="http://jsfiddle.net/ecRXP/2/" rel="nofollow">http://jsfiddle.net/ecRXP/2/</a></p>

<pre><code>&lt;select name="roomFac1" id="roomFac1"&gt;
  &lt;option selected="selected"&gt;Any&lt;/option&gt;
&lt;/select&gt;
&lt;input type="button" value="Add" class="pmbtn" id="addFac"/&gt;
&lt;input type="button" value="Remove" class="pmbtn" id="removeFac"/&gt;
</code></pre>
