IE7 name attribute bug

HTML

<h2>Disconnnected:</h2>
<p>Name is: <span id="name1"></span></p>
<pre id="html1"></pre>

<h2>Connected to a form:</h2>
<p>Name is: <span id="name2"></span></p>
<pre id="html2"></pre>

<form></form>

JavaScript

var input = $('<input/>', {
    name: 'field'
});

var inp = input[0];
inp.setAttribute("name", "field");
$('#name1').text(inp.getAttribute('name'));
$('#html1').text($('<div>').append(input).html());

$("form").append(inp);
input.attr("name", "field");
$('#name2').text(input.attr('name'));
$('#html2').text($('<div>').append(input).html());