title: How to make the <br/> in jquery ajax response add a new line in html
body: <p>I am using jquery ajax to send and receive data from a servlet. For example:</p>
  
  <pre><code>$(document).ready(function(){
              $('button').click(function(){
                  $.post('/test/hello',{no:'5'},function (response){
                      $('#div').text(response);
  
                  });
              });
          });
  </code></pre>
  
  <p>And this is my code in hello.java servlet</p>
  
  <pre><code> String no = request.getParameter("no");
          int n = Integer.parseInt(no);
          for (int i = 0; i &lt; n; i++) {
              out.println("hello&lt;br/&gt;"); 
          }
  </code></pre>
  
  <p>However when I get the response from the servlet, hello followed by break tag is printed 5 times on screen in one continuous line i.e break tag is not interpreted as html but as text.</p>
  
  <p>How do I get Jquery to interpret the break tag as a new line so that I get the output like this?</p>
  
  <p>hello <br/> hello <br/> hello <br/> hello <br/> hello <br/></p>