title: jQuery not creating area tags
body: <p>I'm trying to use jQuery to dynamically create an image map, and I ran into a weird behavior:</p>
  
  <pre><code>alert( $('&lt;area /&gt;').size() );                         // 1
  alert( $('&lt;area shape="circle" /&gt;').size() );          // 0
  alert( $('&lt;area /&gt;').attr("shape", "circle").size() ); // 1
  </code></pre>
  
  <p>In other words, I can't create an area tag all at once; if I say</p>
  
  <pre><code>$('&lt;area shape="circle" coords="50,25,4" href="#" alt="foo" /&gt;')
  </code></pre>
  
  <p>then nothing is created.  However, it works if I do it gradually, e.g.</p>
  
  <pre><code>$('&lt;area /&gt;')
      .attr("shape", "circle")
      .attr("coords", "50,25,4")
      .attr("href", "#")
      .attr("alt", "foo");
  </code></pre>
  
  <p>I have no idea why this is, because I can create all kinds of other elements with attributes and content, e.g.</p>
  
  <pre><code>$('&lt;div id="foo" /&gt;')
  $('&lt;div id="bar"&gt;Hello World!&lt;/div&gt;')
  </code></pre>
  
  <p>so I'm not clear on why this isn't working.  This isn't all that important since I can make it wirk by chaining calls to <code>attr</code>, but that's annoying and I'd like to understand this behavior.</p>