title: Getting jQuery to make a new line inside a DIV when returning from an ajax request
body: <pre><code> &lt;script&gt;   
       $.ajax
           ({
               url: "../getStatus/",
               dataType: 'json',
               success: function(json) 
               {            
                  $('#ajaxLog').html(json.status+"&lt;br/&gt;");
               }
           });
  
  &lt;/script&gt;
  
   //Need this section to make a new line when refreshed
  &lt;div id = ajaxLog style="width:50%"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>This needs to be an accumulative, returned message to the webpage. Each time the process starts/stop/suspends it will be displayed. The displayed message will not keep saying stopped/started/ etc. when remaining in a state - rather displayed each time these states change then it wont be redisplayed constantly -- NOT like jquery.append() does.</p>
  
  <p><strong>Desired</strong></p>
  
  <pre><code>started 10:48
  stoped 10:50
  Started 12:53
  suspended 3:34
  Started 3:40
  </code></pre>
  
  <p><strong>NOT DESIRED</strong></p>
  
  <pre><code>started 10:48
  started 10:48
  started 10:48
  started 10:48
  started 10:48
  started 10:48
  started 10:48
  stoped 10:50
  .
  .
  </code></pre>
  
  <blockquote>
    <p>and so on</p>
  </blockquote>
  
  <p>(like append() would do)</p>