title: Why is this simple javascript not doing anything?
body: <p><a href="http://jsfiddle.net/AHd34/2/" rel="nofollow">http://jsfiddle.net/AHd34/2/</a></p>
  
  <pre><code>$(document).ready(function(){
  var a = document.createTextNode('AAA');
  $jA = $(a);
  $('#listContainer').append(jA);
  });
  
  &lt;body&gt;
  
  &lt;div id="content"&gt;
  
      &lt;div id="newLists" style="border:none;"&gt;
          &lt;!-- I'm going to need to reorganize this css so the above line does not need to happen --&gt;
          &lt;p id="newListTitle"&gt;&lt;span id="newListSpan"&gt;Here is a list &lt;/span&gt;&lt;/p&gt;          
              &lt;div id="listContainer"&gt;
  
              &lt;/div&gt;      
      &lt;/div&gt;
  
  &lt;/div&gt; 
  </code></pre>
  
  <p></p>
  
  <p>I've never used jsfiddle before and it seems to just not be working at all.  Probably something very simple and silly.</p>