ทำ jquery ให้เพิ่ม input ได้ แต่พอทำแล้วมันไม่เพิ่มให้ครับ

<!-- JavaScript -->
    <script src="js/jquery-1.10.2.js"></script>
    <script src="js/bootstrap.js"></script>
    
    <script>
    	$(function() {
        var scntDiv = $('#p_scents');
        var i = $('#p_scents p').size() + 1;
        
        $('#addScnt').live('click', function() {
                $('<p><label for="p_scnts"><input type="text" id="p_scnt" size="20" name="p_scnt_' + i +'" value="" placeholder="Input Value" class="form-control" /></label> <a href="#" id="remScnt">Remove</a></p>').appendTo(scntDiv);
                i++;
                return false;
        });
        
        $('#remScnt').live('click', function() { 
                if( i > 2 ) {
                        $(this).parents('p').remove();
                        i--;
                }
                return false;
        });
});
    </script>

<div class="row">
        			<div class="col-lg-2">
        				<a href="#" id="addScnt">Add Another Input Box</a>
        			</div>
        		</div>
        		
        		<div class="row">
        			<div class="col-lg-2">
        				<div id="p_scents">
    						<p>
        						<label for="p_scnts"><input type="text" id="p_scnt" size="20" name="p_scnt" value="" placeholder="Input Value" class="form-control" /></label>
    						</p>
						</div>
        			</div>
        		</div>