title: jQuery append not working
body: <p>I'm having a slight error with jQuery $([selector]).append(element),</p>
  
  <pre><code>var Site_Id = 119;
  var iLi = document.createElement("li");
  iLi.setAttribute("class", "hidden site_id_"+Site_Id);
  iLi.setAttribute("name", "ArticleType["+Site_Id+"]");
  console.log(iLi)
  $(".level-2 div row_group_off").append(iLi); 
  </code></pre>
  
  <p>For some reason the DOMm is throwing an Exception with jQuery calling it</p>
  
  <p><code>uncaught exception: [Exception... "Could not convert JavaScript argument arg 0 [nsIDOMDocumentFragment.appendChild]" nsresult: "0x80570009 (NS_ERROR_XPC_BAD_CONVERT_JS)" location: "JS frame :: {path_removed} :: &lt;TOP_LEVEL&gt; :: line 12" data: no]</code></p>
  
  <p>So with that I added the <code>console.log</code> that's in my code above I'm getting   </p>
  
  <p><code>&lt;li class="hidden site_id_151" name="ArticleType[151]"&gt;</code> </p>
  
  <p>this would mean that the element is being created as a very valid HTMLLiElement but for some reason jQuery is unable to append it to my UL <code>.level-2 div row_group_off</code></p>