title: jQuery loop through JSON array
body: <p>I have a json array which i fetch by a ajax call and would like to loop through it.
  The array outputs a category titel and some data records within that category.
  The array is as followed:</p>
  
  <pre><code>{"Travel":[{"title":"Beautiful title 1"},{"title":"Beautiful title 2"},{"title":"Beautiful title 3"}],"Other":[{"title":"Beautiful title 1"}]}
  </code></pre>
  
  <p>The basic each function like so can't help me.</p>
  
  <pre><code>$.each(data, function(key, value) {
      console.log(value.title);
  }
  </code></pre>
  
  <p>I want to be able to output it with the main category title and under that have the data records shown.</p>
  
  <p>So for example i want it to look like this:</p>
  
  <p>Travel (3 results):</p>
  
  <ul>
  <li>Beautiful title 1</li>
  <li>Beautiful title 2</li>
  <li>Beautiful title 3</li>
  <li>List item</li>
  </ul>
  
  <p>Other (1 results):</p>
  
  <ul>
  <li>Beautiful title 1</li>
  </ul>
  
  <p>Any help would be greatly appreciated. Thank you.</p>