title: Display user data inside div - blocks
body: <p>I am trying to display user data in div blocks depending upon the number of users. I will get the number of users and data from server using ajax. I want to display the user data in a separate div block. If the number of users is 2, I want to display two blocks , 3 users in three blocks...I defined a div </p>
  
  <pre><code>&lt;div class = "users&gt; &lt;/div&gt;. 
  </code></pre>
  
  <p>Inside this div, I want to append the users details like </p>
  
  <pre><code>&lt;div class=" user1"&gt; &lt;p&gt;&lt;span class="name"&gt;&lt;/span&gt;&lt;/p&gt;
  &lt;p&gt;&lt;span class="age"&gt;&lt;/span&gt;&lt;/p&gt;
  &lt;p&gt;&lt;span class="address"&gt;&lt;/span&gt;&lt;/p&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>using jQuery. If there are two users, I have to display the blocks in the center. Depending upon the number of users , I have to align the blocks.(For ex : 6 users - 3 in one row)
  How to display the data inside the div?</p>
  
  <p>code:</p>
  
  <pre><code> &lt;div class="users"&gt;
                 &lt;div class="user1"&gt;
  
                          &lt;p&gt; &lt;span class="name"&gt;  &lt;/span&gt; &lt;/p&gt;
                          &lt;p&gt; &lt;span class="age"&gt;          &lt;/span&gt; &lt;/p&gt;
                          &lt;p&gt; &lt;span class="address"&gt;     &lt;/span&gt; &lt;/p&gt;
                          &lt;p&gt; &lt;span class="phone"&gt;    &lt;/span&gt; &lt;/p&gt;
                      &lt;/div&gt;
  
  
                   &lt;div class="user2"&gt;
  
                          &lt;p&gt; &lt;span class="name"&gt;  &lt;/span&gt; &lt;/p&gt;
                          &lt;p&gt; &lt;span class="age"&gt;          &lt;/span&gt; &lt;/p&gt;
                          &lt;p&gt; &lt;span class="address"&gt;     &lt;/span&gt; &lt;/p&gt;
                          &lt;p&gt; &lt;span class="phone"&gt;    &lt;/span&gt; &lt;/p&gt;
                      &lt;/div&gt;
  
              &lt;/div&gt;
  for(var user_name in res) {
  
    $.ajax({
          type: 'GET',
          timeout: 10000,
          dataType: 'json',
   url:  multidashboard_info_url + '?client=' + user_name,
          async: true,
       })
       .done(function(data) {
       console.log(" success and data is ",data);
          var dashboard_info = data["dashboard_info"];
          var name = dashboard_info["details"]["name"],
          age = dashboard_info["details"]["age"],
          address = dashboard_info["details"]["address"],             
  
  
  
       })
       .fail(function() {
          console.log("error");
       }) 
  </code></pre>
  
  <p>}</p>