Добавление полей при нажатии на кнопку

<a href="#" class="addField">Добавить поле</a>

<script language="javascript" type="text/javascript">
    
    $(document).ready(function(){
        var i = 1;
        $('.addField').click(function(){
            if(i<=10){
                $(this).before('<span>[xfvalue_field'+i+']</span><br />');
                i++;
            }else{
                alert('Больше 10 полей добавить нельзя');
            }
            
        });
    }); 
    
</script>