title: Jquery append not working
body: <p>I am trying to append to a html element, but for some reason it doesn't appear to allow me to do so when the element has <code>[0]</code> in its id name.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="stuff[0]"&gt;
      &lt;div id="tag"&gt;blah&lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="stuff[1]"&gt;
      &lt;div id="tag"&gt;blah&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JQUERY</p>
  
  <pre><code>var id = "#" + "stuff[0]";
  $(id).append("&lt;p&gt;HI&lt;/p&gt;");
  </code></pre>
  
  <p>When I run the code it doesn't append? What is the workaround for this?</p>
  
  <p>Code can also be found in the <a href="http://jsfiddle.net/Yye2L/" rel="nofollow">fiddle</a></p>