title: JQuery Ajax Call to update a NEW div
body: <p>I have a comments system in place which, when submitted, updates a div element with the message submitted.</p>
  
  <p>The HTML</p>
  
  <pre><code>&lt;div class="comPostSpan" style="display:none;"&gt;&lt;/div&gt;
  &lt;form method="post" action="javascript:;" class="comStatusForm"&gt;                   
      &lt;div class="comStatusForm"&gt;
          &lt;input type="text" name="comInput" class="comInput" id="comInput&lt;?php echo $statRow['statID']; ?&gt;" placeholder="Comment..."&gt;
          &lt;input type="submit" name="comStat" value="SEND" class="comStat" id="&lt;?php echo $statRow['statID']; ?&gt;"&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>When the first post is submitted div class comPostSpan is updated with the message no problem. BUT, without a page refresh, is a second message is submitted the last meesage is changed to the new message. What I want it to do is add the new message below the last message (I do hope that makes sense).</p>
  
  <p>The JS</p>
  
  <pre><code>$(function(){
  $('body').on('click', '.comStat', function() {
      var comStatID = $(this).attr("id");
      var comInput = $("#comInput"+comStatID).val();
      $.ajax({
          type: "POST",
          url:"profileAdd.php",
          data: "comInput=" + comInput + "&amp;comStatID=" + comStatID + "&amp;uname=" + "&lt;?php echo $memName; ?&gt;" + "&amp;uID=" + "&lt;?php echo $memID; ?&gt;" + "&amp;statType=" + "statusComment" ,
          dataType : "text",
          success: function(data){
              $('.comPostSpan').fadeIn(3000);
              $('.comPostSpan').html(data);
              $(".comInput").attr("placeholder", "Comment...").val("").focus().blur();
              return false;
          }
      });
      return false;
  });
  });
  </code></pre>
  
  <p>I did try wrapping the success function with the following:</p>
  
  <pre><code>$('.comPostSpan').each(function(){
      //Success data here...
  });
  </code></pre>
  
  <p>But being a JS noob this did not work. </p>
  
  <p>How can I modify this code so that a new .comPostSpan div is created with every post without needing a page refresh?</p>
  
  <p>Help from this community is always appreciated :)</p>
  
  <p>Kindest regards.</p>