Missing Name Attribute From Dynamic Input Element

I'm attempting to submit a form via a function which dynamically creates a
hidden input:

function submitLocation(theForm) {
var e = document.createElement('input');
e.setAttribute('type', 'hidden');
e.setAttribute('name', 'location');
e.setAttribute('value', Ƈ');
var f = document.getElementById(theForm);
f.appendChild(e);
document.forms[theForm].submit();
}

The function is called from an anchor's onclick event:

<form name='form1' method='post' action='action.php'>
<a onclick="submitLocation('form1');">Submit</a>
</form>

However the function produces an input which is missing the name element:

<INPUT type=hidden value=1>

The desired output should be:

<INPUT type=hidden name=location value=1>