title: create definition list from json object
body: <p>I try to create a working json-object structure to create a defintion list.
  see what i try to do here:
  <a href="http://jsfiddle.net/hoffs/DzAsa/14/" rel="nofollow">jsfiddle</a></p>
  
  <pre><code>var x =
  [{
      "dl":
      {
          "dt":"head 1"
          {
              "dd":
              [
                  "listitem 1",
                  "listitem 1",
                  "listitem 1",
                  "listitem 1",
                  "listitem 1"
              ]
          },
         "dt":"head 2"
          {
              "dd":
              [
                  "listitem 2",
                  "listitem 2"
              ]
          }
      }      
  }]
  ;
  </code></pre>
  
  <p>By executing this snippet of JS I try to create markupt from the JSON object:</p>
  
  <pre><code>$.each(x["dl"], function(i,v){
      console.log(this.dt, this.dd);
  });
  </code></pre>
  
  <p>Using the variable x I try to create the following markup:</p>
  
  <pre><code>&lt;dl&gt;
      &lt;dt&gt;head 1&lt;/dt&gt;
      &lt;dd&gt;listitem 1&lt;/dd&gt;
      &lt;dd&gt;listitem 1&lt;/dd&gt;
      &lt;dd&gt;listitem 1&lt;/dd&gt;
      &lt;dd&gt;listitem 1&lt;/dd&gt;
      &lt;dd&gt;listitem 1&lt;/dd&gt;
  
      &lt;dt&gt;head 2&lt;/dt&gt;
      &lt;dd&gt;listitem 2&lt;/dd&gt;
      &lt;dd&gt;listitem 2&lt;/dd&gt;   
  &lt;/dl&gt;
  
  &lt;dl&gt;
      &lt;dt&gt;head 1&lt;/dt&gt;
      &lt;dd&gt;listitem 1&lt;/dd&gt;
      &lt;dd&gt;listitem 1&lt;/dd&gt;
      &lt;dd&gt;listitem 1&lt;/dd&gt;
      &lt;dd&gt;listitem 1&lt;/dd&gt;
      &lt;dd&gt;listitem 1&lt;/dd&gt;
  
      &lt;dt&gt;head 2&lt;/dt&gt;
      &lt;dd&gt;listitem 2&lt;/dd&gt;
      &lt;dd&gt;listitem 2&lt;/dd&gt;   
  &lt;/dl&gt;
  </code></pre>
  
  <p>the markup is what I need to create. What do I do wrong in my JSON structure?</p>