Jquery改名称属性

我有一个JQuery函数尝试更改元素的id，name和class。 id和class的改变似乎是有效的，但是由于某些好奇的原因，尝试改变元素的名称永远不会起作用。

$(document).ready(function () {

$("table SELEct").live("change",function () {

    var id = $(this).attr('id');

    if ($(this).attr('classname') != "SELEcted") {
        var rowIndex = $(this).closest('tr').prevAll().length;
        $.getJSON("/Category/GetSubCategories/" + $(this).val(),function (data) {
            if (data.length > 0) {

                $("#" + id).attr('classname','SELEcted');
                $("#" + id).attr('id','sel' + rowIndeX);
                $("#" + id).attr('name','sel' + rowIndeX); // this never works

                var position = ($('table').get(0));

                var tr = position.insertRow(rowIndex + 1);
                var td1 = tr.insertCell(-1);
                var td2 = tr.insertCell(-1);
                td1.appendChild(document.createTextNode('SubCategory'));
                var sel = document.createElement("SELEct");
                sel.name = 'parent_id';

                sel.id = 'parent_id';

                sel.setAttribute('class','unSELEcted');
                td2.appendChild(sel);

                $.each(data,function (GetSubCatergories,Category) {
                    $('#parent_id').append($("<option></option>").
       attr("value",Category.category_id).
       text(Category.Name));
                });
            }

        });

    }
});
});

$("#" + id).attr('id','sel' + rowIndeX);
$("#" + id).attr('name','sel' + rowIndeX); // this can't ever work

$("#" + id).attr('id','sel' + rowIndeX)
           .attr('name','sel' + rowIndeX);

$("#" + id).attr('name','sel' + rowIndeX);
$("#" + id).attr('id','sel' + rowIndeX);

var $el = $("#" + id);
$el.attr("id",'sel' + rowIndeX);
...