title: Output list of objects in Javascript or jQuery
body: <p>I have this list of objects </p>
  
  <pre><code>[
  {name: "Dan", age: 25, desc: "description"}, 
  {name: "Mary", age: 15, desc: "description"},
  {name: "Tom", age: 18, desc: "description"}
  ]
  </code></pre>
  
  <p>and I would like to print them like this divide it into two columns and desc below them. Clicking on each name displays some description below the list.</p>
  
  <pre><code>Dan 25       Tom 18 
  Mary 15
  **descripton pop up**
  </code></pre>
  
  <p>I tried this</p>
  
  <pre><code>var test = [    
  {name: "Dan", age: 25, desc: "description"}, 
  {name: "Mary", age: 15, desc: "description"}, 
  {name: "Tom", age: 18, desc: "description"}
  ]
  document.write(test[0].name, test[0].age + "&lt;br&gt;",
   test[1].name, test[1].age+ "&lt;br&gt;",
   test[2].name, test[2].age+ "&lt;br&gt;");
  </code></pre>
  
  <p>but I need to sort them alphabetically and really don't know how to print description value below them when user clicks on name, using JavaScript or jQuery.</p>
  
  <p>Can you guys please help me! I'm stuck her and new in all of this!</p>