title: jQuery creates incorrect element for image tag
body: <p>I've been using jQuery to create HTML elements and then adding them to an XML document, like this:</p>
  
  <pre><code>var doc = $($.parseXML('&lt;?xml version="1.0" encoding="UTF-8"?&gt;&lt;root/&gt;'));
  var docRoot = doc.find("root");
  var childEl = $("&lt;child&gt;");
  docRoot.append(childEl);
  var imageEl = $("&lt;image&gt;");
  docRoot.append(imageEl);
  
  var xmlString = doc.context.xml || 
                  new XMLSerializer().serializeToString(doc.context);
  $("#xml").text(xmlString);
  </code></pre>
  
  <p>This is the output (on Chrome 24):</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;
  &lt;root&gt;
    &lt;child xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;/child&gt;
    &lt;img xmlns="http://www.w3.org/1999/xhtml" /&gt;
  &lt;/root&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/bMDNp/1/" rel="nofollow">Here's the JSFiddle link.</a> Unfortunately, I'm having two problems.</p>
  
  <ol>
  <li><p>When I try to create an element with the name like <code>child</code>, it correctly creates a element with the tagName <code>child</code>.  However, if I use the name <code>image</code>, for some reason jQuery thinks I want to make an <code>img</code> element.  How do I stop jQuery from doing this?</p></li>
  <li><p>All child elements get the attribute <code>xmlns="http://www.w3.org/1999/xhtml"</code> added automatically, even though the document I'm generated is not an XHTML document.  How do I stop this from happening?</p></li>
  </ol>
  
  <p>Update:</p>
  
  <p>The image tagName problem appears to be a problem with the DOM, not jQuery, as <a href="http://jsfiddle.net/LTNp5/1/" rel="nofollow">this code</a> demonstrates:</p>
  
  <pre><code>var el = document.createElement("image");
  $("#output").append(el.tagName); // Outputs "IMG"
  </code></pre>