title: jQuery adding multiple element from array of objects into HTML
body: <p>First, let me say that I am a noob in JS and jQuery, and I apologize if I make some tech mistakes. 
  I have a problem creating single  element with multiple entries from the object that I have.</p>
  
  <p>My problem is that I "fetched" some data from the internet (to be exact, from randomuser.me). I fetched 20 users and put them in one .js file. In another file, I am trying to pull only certain elements from those objects and via jQuery to make HTML. </p>
  
  <pre><code>&lt;HTML&gt;
      &lt;div id="okvir"&gt;&lt;/div&gt;
  &lt;/HTML&gt;
  &lt;script&gt;
      for (i = 0; i &lt;= korisnici.results.length; i++) 
  {
      $("#okvir").append("&lt;div class=blah&gt;&lt;/div&gt;");
      $(".blah").append("&lt;h1&gt;"+korisnici.results[i].name.first+"&lt;/h1&gt;"),
      $(".blah").append("&lt;p&gt;"+korisnici.results[i].email+"&lt;/p&gt;"),
      $(".blah").append("&lt;p&gt;"+korisnici.results[i].phone+"&lt;/p&gt;")
      $(".blah").append(`&lt;img 
      src="${korisnici.results[i].picture.medium}"&gt;`) 
  };
  
  &lt;/script&gt;
  </code></pre>
  
  <p>what I am getting with is: 20 new 'div' elements inside 
  'div id="okvir"  '/div' with 20 object elements in each 'div'.</p>
  
  <p>I need to create 20 separate 'div class="blah"' elements with only certain data from fetched file to each 'div class="blah"' container.</p>
  
  <ol>
  <li>korisnici.results[i].name.first</li>
  <li>korisnici.results[i].email</li>
  <li>korisnici.results[i].phone</li>
  <li>korisnici.results[i].picture.medium</li>
  </ol>
  
  <p>Thank you all in advance. 
  I hope that I wasn't that bad in explaining what I need.</p>