title: How to add new line in jQuery function text()
body: <p>I want to insert new line in jQuery function.</p>
  
  <pre><code>$.ajax({ 
          url:"http: //192.168.1.4/Experiements/webservices/api.php", 
          type:"GET", 
          dataType:"json", 
          data:{type:"login", UserName:userId,Password:userPassword}, 
          ContentType:"application/json", 
          success: function(response){                        
          alert(JSON.stringify(response));                                   
                var detailsDiv=$("div#details");
                var userName=response[0].User.UserName;                              
                var ID=response[0].User.Followers;
                var Email=response[0].User.email;
                var Dish=response[0].User.Dish;                              
               detailsDiv.text("UserName: "+userName+"ID: "+ID+"Email: "+Email+"Dish: "+Dish);
           }, 
  </code></pre>
  
  <p>Check the following line in above code: <code>detailsDiv.text("UserName: "+userName+"ID: "+ID+"Email:"+Email+"Dish: "+Dish);</code> 
  It is giving output like: <code>UserName: Ravi ID: 123 Email:ravi@gmail.com Dish: Indian Dishes</code></p>
  
  <p><strong>I want output like</strong>   </p>
  
  <pre><code>UserName: Ravi  
  ID: 123  
  Email:ravi@gmail.com  
  Dish: Indian Dishes
  </code></pre>