title: showing multiple rows with jquery
body: <p>I have an HTML:</p>
  
  <pre><code>&lt;div class="row" id="show"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>And a JQuery:</p>
  
  <pre><code>        $.ajax({
              type: 'POST',
              url: 'query2.php',
              data: key,
              dataType: 'json',
              success: function (msg) {
  
                  var tmp = "";
                  $.each(msg, function (i, v) {
  
                      tmp += ('&lt;div class="cell"&gt;' + v.jobTitle + '&lt;/div&gt;');
                      tmp += ('&lt;div class="cell"&gt;' + v.jobName + '&lt;/div&gt;');
                      tmp += ('&lt;div class="cell"&gt;' + v.fullName + '&lt;/div&gt;');
                      tmp += ('&lt;div class="cell"&gt;' + v.phone + '&lt;/div&gt;');
                      tmp += ('&lt;div class="cell"&gt;' + v.mail + '&lt;/div&gt;');
                      tmp += ('&lt;div class="cell"&gt;' + v.city + '&lt;/div&gt;');
                      tmp += ('&lt;div class="cell"&gt;' + v.description + '&lt;/div&gt;');
  
                      $('#show').html(tmp);
                      alert(tmp);
  
                  });
  </code></pre>
  
  <p>If i have on row in my query the result would be:</p>
  
  <p><a href="https://i.stack.imgur.com/G36La.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/G36La.jpg" alt="enter image description here"></a></p>
  
  <p>But if i have more rows, It get messy and all would show in one row:</p>
  
  <p><a href="https://i.stack.imgur.com/OimUu.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OimUu.jpg" alt="enter image description here"></a></p>
  
  <p><strong>How can i show another row with class="row" in my loop?</strong></p>
  
  <p>Thanks in Advance.</p>