jquery标识附加的，克隆的元素

Question

在我的HTML文件中2 href 第1个添加div的空白副本 第二个用于添加具有值的相同div的新副本。 对于每个新副本或新空白应插入所选div下方。

html代码

<div class="item">
    <div class="form-group">
        <a href="#" id="addnl">
            <span class="badge-a">+</span>
        </a>
        <!--add new blank line-->
        <a href="#" id="addcp">
            <span class="badge-b">++</span>
        </a>
        <!--add new  line  with same values  above-->
        <label for="qty">qty </label>
        <input class='form-control' id='qty' name='qty' type='number' required>
            <label for="selgroup">group </label>
            <select class="form-control" id="selgroup">
                <option value="1">1</option>
                <option value="2">2</option>
            </select>
            <label for="model">somthing </label>
            <input class='form-control' id='somthing ' name='somthing ' type='number'required>
                <label for="sellevel">somthing </label>
                <select class="form-control" id="sellevel">
                    <option>1</option>
                    <option>2</option>
                    <label for="selctime">somthing </label>
                    <select class="form-control" id="selctime">
                        <option>1</option>
                        <option>2</option>
                    </select>

js代码

var request = $('.item:first').append();
$('.badge-a').click(function() {
 request.clone().insertAfter($('.item:last'));
 $(window).trigger('resize');
});

我的问题是： -

1. 用于复制值，每个东西都被复制，但选择选项不是默认值。
2. 我所拥有的所有位置Just：首先添加到：last，IDE建议的所有其他选项都不能像＆＃34; ：选中＆＃34;甚至不受jquery的支持。
新插入的DIV中的
3. href也不起作用

这是fiddle。

提前致谢。