title: How to generate dynamic HTML with jQuery in a loop and a JSON with parameters?
body: <p>I would like to generate a HTML file out of an JSON in a loop. For example that's the result I want:</p>
  
  <pre><code>&lt;div class="card"&gt;
      &lt;p&gt;My name is: Peter&lt;/p&gt;
      &lt;!-- another code --&gt;
      &lt;p&gt;My job is: Programmer&lt;/p&gt;
      &lt;!-- some more code --&gt;
  &lt;/div&gt;
  
  &lt;div class="card"&gt;
      &lt;p&gt;My name is: John&lt;/p&gt;
      &lt;!-- another code --&gt;
      &lt;p&gt;My job is: Programmer&lt;/p&gt;
      &lt;!-- some more code --&gt;
  &lt;/div&gt;
  
  &lt;!-- and so on ... --&gt;
  </code></pre>
  
  <p>But I want to generate all that HTML (that means: all the "card"-divs) dynamically just out of an simple JSON like:</p>
  
  <pre><code>[
      { "Name": "Peter", "Job": "Programmer" },
      { "Name": "John", "Job": "Programmer" },
      { "Name": "Kevin", "Job": "Scientist" },
  ]
  </code></pre>
  
  <p>Unfortunately I'm just learning some JS/jQuery and don't know exactly, how to do that with jQuery in a loop. Anyone some help?</p>