Voeg elementen toe aan de hand van een select input

						<p>
						<label>Hoeveel velden... </label>
						<select name="hoeveel1" id="hoeveel1">

<?php
	for($i = 1;  $i <= 5; $i++)
		{
			echo '<option value="'.$i.'">'.$i.'</option>';
				 
		}
?>						
						</select>
						</p>		

						<p id="benodigheden">
						<label>gevraagde benodigheden *</label>
						<input type="text" name="benodigheden" />
</p>


jQuery(document).ready(function(){
	jQuery("#hoeveel1").on("change", function () {
		var i = 1;
		while( i < +jQuery("#hoeveel1").val()) {
			jQuery("#benodigheden" + i).after(function() {
			return jQuery(this).clone().attr(
			'id', 'benodigheden' + i);			
		});
		//console.log(i);
		i++;
		} 
	});