ผมต้องการให้แสดงแถวของฟอร์มตามจำนวน Select ที่เลือก

<div class="container">
	<form role="form">
		<div class="form-group">
			<label for="Unit">เลือกจำนวนแถว</label>
			<select name="Unit" id="Unit" class="form-control">
				<option value="0">0</option>
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
			</select>
		</div>
		<div class="form-group">
			<table class="table table-bordered table-condensed">
				<thead>
					<tr>
						<th class="text-center">input1</th>
						<th class="text-center">input2</th>
						<th class="text-center">input3</th>
					</tr>
				</thead>
				<tbody>
				</tbody>
			</table>
		</div>
	</form>
</div>

$(document).ready( function() {
    $('#Unit').change(function(e) {
        var rows = $(this).val();
        var newRow = '';
        if(rows!=0){
            for(var i=1;i<=rows;i++){
                newRow = newRow + '<tr class="text-center">'+
                '<td><input type="text" class="form-control" placeholder="Text'+i+'"/></td>'+
                '<td><input type="text" class="form-control" placeholder="Text'+i+'"/></td>'+
                '<td><input type="text" class="form-control" placeholder="Text'+i+'"/></td></tr>';
            }
            $('tbody').html(newRow);
        }else{
            $('tbody').empty();
        }
    });
});