Проблема с jquery each?

Question

[xcho1996]

function sortableInputs(sortable_content) {
            sortable_content.find('.group').each(function(i) {
                var label = $(this).find('label');

                $(this).find('label').attr('for', $(this).find('label').attr('for') + '[' + i  + ']');
            });
        }

sortableInputs('groups');

должен получиться

<div class="groups ui-sortable">
    <div class="panel panel-default">
        <div class="panel-heading " style="overflow: hidden;">
            <div class="pull-left">Twitter</div>
            <div class="pull-right">
                <button type="button" class="btn btn-xs btn-danger"><i class="fa fa-remove"></i></button>
            </div>
        </div>
        <div class="panel-body">
            <div class="group" data-panel-id="block_styles_panel">
                <div class="form-group row">
                    <label for="options[twitter-url][0]" class="col-sm-3 ">Twitter</label>
                    <div class="col-sm-9">
                        <input type="text" class="form-control " id="options[twitter-url][0]" name="options[twitter-url][0]" placeholder="" value="ggggggggg">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading " style="overflow: hidden;">
            <div class="pull-left">Twitter</div>
            <div class="pull-right">
                <button type="button" class="btn btn-xs btn-danger"><i class="fa fa-remove"></i></button>
            </div>
        </div>
        <div class="panel-body">
            <div class="group" data-panel-id="block_styles_panel">
                <div class="form-group row">
                    <label for="options[twitter-url][1]" class="col-sm-3 ">Twitter</label>
                    <div class="col-sm-9">
                        <input type="text" class="form-control " id="options[twitter-url][1]" name="options[twitter-url][1]" placeholder="" value="fgfgh">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

но получается так

<div class="groups ui-sortable">
    <div class="panel panel-default">
        <div class="panel-heading " style="overflow: hidden;">
            <div class="pull-left">Twitter</div>
            <div class="pull-right">
                <button type="button" class="btn btn-xs btn-danger"><i class="fa fa-remove"></i></button>
            </div>
        </div>
        <div class="panel-body">
            <div class="group" data-panel-id="block_styles_panel">
                <div class="form-group row">
                    <label for="options[twitter-url][0]" class="col-sm-3 ">Twitter</label>
                    <div class="col-sm-9">
                        <input type="text" class="form-control " id="options[twitter-url][0]" name="options[twitter-url][0]" placeholder="" value="ggggggggg">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading " style="overflow: hidden;">
            <div class="pull-left">Twitter</div>
            <div class="pull-right">
                <button type="button" class="btn btn-xs btn-danger"><i class="fa fa-remove"></i></button>
            </div>
        </div>
        <div class="panel-body">
            <div class="group" data-panel-id="block_styles_panel">
                <div class="form-group row">
                    <label for="options[twitter-url][0][1]" class="col-sm-3 ">Twitter</label>
                    <div class="col-sm-9">
                        <input type="text" class="form-control " id="options[twitter-url][0][1]" name="options[twitter-url][0][1]" placeholder="" value="fgfgh">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

P.S. В этом функции только изменяю label for