title: Appending to dynamical created element issue/JQuery
body: <p>It <strong>seems</strong> that when I create elements using JQuery (dynamicaly), it wont allow me to append again using jquery. I am assuming its due to the inherent qualities of the append() method. </p>
  
  <p>Below is my js code that is trying to append to already dynamicaly created DOM:</p>
  
  <pre><code>function displayComments(posts, status){
  
    $.each(posts, function (index, post) {
     var comments = post.comments;
      var textComment = "";
      for(var i = 0; i &lt; comments.length; i++){            
      var textComment = comments[i]["author"] + " " + comments[i]["content"] + " " + comments[i]["date"]; 
          }
              var divAdd = ("#commentSection" +post.postId);
             $(divAdd).append(textComment);
  
  });
  </code></pre>
  
  <p>}</p>
  
  <p>I am certain that the divAdd works because I checked on my webpage and it matches and I am sure the textcomment works because I alerted it. So that leaves the .append</p>
  
  <p>Below is my code that creates the elements dynamically:</p>
  
  <pre><code>function displayPosts(posts, status) {
  
  $.each(posts, function (index, post) {
      var tags = post.tags;
      var textTags = "";
      ///////////////////// TAGS ////////////////////////////////
      for(var i = 0; i &lt; tags.length; i++){
             textTags = textTags + " #"+ tags[i]["name"];
      }
  
      ///////////////////// GENERAL ////////////////////////////////    
      $('#parentPostBox').append($('&lt;div class="postBox" id="' + post.postId + '"&gt;' 
            + post.content //POST CONTENT
            + '&lt;p class="tags"&gt; '+ textTags //TAGS
            + '&lt;/p&gt;&lt;div id="#commentSection' + post.postId //COMMENTS
            + '" class="commentStyle"&gt;&lt;/div&gt;&lt;form&gt;&lt;input type="text" value="" id="putComment'
            + post.postId +'"&gt;&lt;/form&gt;&lt;button class="commentButton1" id="comment' 
            + post.postId + '" type="button"&gt;Add Comment&lt;/button&gt;'));//COMMENT BUTTON
  
  });
  </code></pre>
  
  <p>}</p>
  
  <p><a href="http://i.stack.imgur.com/SQRWL.jpg" rel="nofollow">My DOM &amp; webpage</a></p>
  
  <p>Any help is appreciated, thank you.</p>