jquery name attribute of map element in IE
<p>The following jQuery works fine in Firefox for me, but failed in IE6:</p>

<pre><code>$("&lt;map&gt;&lt;/map&gt;").attr("name",somevar).appendTo("#someElement");
</code></pre>

<p>The problem is that the map element never gets the name attribute generated which I can prove by calling <code>alert($("#someElement").html());</code> and the fact that the image it is associated with doesn't have its links</p>

<p>If I use this instead, it works fine:</p>

<pre><code>$("&lt;map name='" + somevar + "'&gt;&lt;/map&gt;").appendTo("#someElement");
</code></pre>

<p>I'm happy to use the second line of code, but was wondering if anyone else has had this problem...or an explanation of why it didn't work (i'm wondering that it is specific to the name attribute)...</p>

<p>(HTML output from first and second scenario):</p>

<p><strong>IE6 using the first line:</strong></p>

<pre><code>&lt;MAP&gt;&lt;AREA shape=RECT coords=0,0,300,110 href="http://google.com"&gt;&lt;/MAP&gt;&lt;IMG height=215 src="include/nav-images/main.png" width=591 useMap=#tehmap&gt;
</code></pre>

<p><strong>IE6 using the second line:</strong></p>

<pre><code>&lt;MAP name=tehmap&gt;&lt;AREA shape=RECT coords=0,0,300,110 href="http://google.com"&gt;&lt;/MAP&gt;&lt;IMG height=215 src="include/nav-images/main.png" width=591 useMap=#tehmap&gt;
</code></pre>
