title: Iterate over an object for Handlebars?
body: <p>So this is the general gist of my data (copied the look from chrome webkit inspector).</p>
  
  <pre><code>&gt; Object
    &gt; Fruit: Array[2]
      &gt; 0: Object
         name: "banana"
         color: "yellow"
         animalthateats: "monkey"
         id: 39480
      &gt; 1: Object
      length: 2
    &gt; Vegetables: Array[179]
    &gt; Dairy: Array[2]
    &gt; Meat: Array[3]
    &gt; __proto__: Object
  </code></pre>
  
  <p>And this is what I want to do (in general):</p>
  
  <pre><code>&lt;select&gt;
    &lt;option value=""&gt;All Shows (default)&lt;/option&gt;
    &lt;optgroup label="Fruit"&gt;
      &lt;option value="39480"&gt;Banana&lt;/option&gt;
      &lt;option value="43432"&gt;Strawberry&lt;/option&gt;
    &lt;/optgroup&gt;
    &lt;optgroup label="Vegetables"&gt;
      &lt;option value="3432"&gt;Broccoli&lt;/option&gt;
    &lt;/optgroup&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I'm sorta new to the whole templating thing, and it definitely seems non-straightforward to accomplish... if I can use jQuery anyway that will work too, but preferably just with this setup.</p>