title: How can l loop through json object by using jQuery
body: <p>I am trying to loop through JSON object but l does not work, l want it to look structured. please help!!</p>
  
  <p>how can l loop through this by using jquery? and putting it in a structure?</p>
  
  <pre><code>[
      {   "name": "Webredpizzan", 
          "price": 20, 
          "content":["Ost","Gorgonzola","Mozarella"], 
          "picture":"images/item3.jpg"
      },
  
  
      {
          "name": "IT-pizzan", 
          "price": 10, 
          "content":["Ost","Lamm","Kalkon"], 
          "picture":"images/item1.jpg"
      },
      {
          "name": "Bibliotekspizzan", 
          "price": 11, 
          "content":["Ost","Basilika","Mozarella"], 
          "picture":"images/item2.jpg"
      },
      {
          "name": "Frukt-pizzan", 
          "price": 20, 
          "content":["Banan","Blåbär","Äpple"], 
          "picture":"images/item3.jpg"
      }
  ]
  </code></pre>
  
  <p>l want to put it in this structure </p>
  
  <pre><code>&lt;div class="pizza_details"&gt;
  &lt;img src="'+picture+'" /&gt;
  
  &lt;div class="desc"&gt;'
  &lt;ul&gt; &lt;li&gt;&lt;span&gt;Namn&lt;/span&gt; : '+ name +'&lt;/li&gt;
  &lt;li&gt;&lt;span&gt;Pris&lt;/span&gt; : '+price;+'&lt;/li&gt;
  &lt;li&gt;&lt;span&gt;Innehåll&lt;/span&gt; : '+content+'&lt;/li&gt;
  &lt;/ul&gt;&lt;/div&gt;&lt;div class="clear"&gt;&lt;/div&gt; &lt;/div&gt;
  </code></pre>