title: jQuery append doesn't work when using a class name as part of the element definition
body: <p>When trying to append one div to another Im finding that this doesn't work:</p>
  
  <pre><code> var htmlCell = jQuery('&lt;div id="ddd"&gt;&lt;/div&gt;').attr({ 'className': "basecell" }).css({ 'top': 165 + 'px' }).css({ 'left': 335 + 'px' }).css({ 'background-color': '#ffffff' });
   $("#dtest").append(htmlCell);
  </code></pre>
  
  <p>but this does:</p>
  
  <pre><code> var htmlCell = jQuery('&lt;div id="ddd"&gt;&lt;/div&gt;').css({ 'height': 165 + 'px' }).css({ 'width': 165 + 'px' }).css({ 'position': 'absolute' }).css({ 'top': 165 + 'px' }).css({ 'left': 335 + 'px' }).css({ 'background-color': '#ffffff' });
   $("#dtest").append(htmlCell);
  </code></pre>
  
  <p>With the CSS below:</p>
  
  <pre><code>#dtest
  {    
      position: relative;
      top: 0px;
      left: 50px;
      height: 469px;
      width: 685px;
      z-index: 86;
      background-color: #000000;
  }
  .basecell
  {
      position: absolute;
      width: 116px;
      height: 116px;
      background-color: #ffffff;
  
  }
  </code></pre>
  
  <p>In both cases the children().length of #dtest is 1 but in the statement that uses a class it is not visible. Any ideas?</p>