title: Changing name attribute using jQuery
body: <p>I've got a jQuery function that attempts to change the <code>id</code>, <code>name</code> and <code>class</code> attribute values of an element.</p>
  
  <p>The <code>id</code> and <code>class</code> change seems to work but for some curious reason, trying to change the <code>name</code> of the element never works.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>$(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 &gt; 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($("&lt;option&gt;&lt;/option&gt;").
         attr("value", Category.category_id).
         text(Category.name));
                  });
              }
  
          });
  
      }
  });
  }); 
  </code></pre>