用Jquery动态添加控件并取值

js代码：

<script src="../js/jquery-1.9.1.min.js" type="text/javascript"></script>

<script type="text/javascript">
       $(function() {
           var i = 2;
           $('#addText').click(function() {
               if (i < 9) {
                   $('#main').append('<div><input type="text" name="text'+ i + '"/><a href="#" class="del-text">del</a></div>');
                   i++;
               } else {
                   alert("最多只能添加8个");
               }
           });  
       });
</script>

html代码：

<div id="main">
  <div><input type="text" name="text1" /></div>
</div>
<a id="addText" href="#">添加文本框</a>