title: Use Handlebars lookup helper to access Object in array and output property
body: <p>I am using the handlebars lookup helper to lookup an object in an array based on the index. </p>
  
  <p>Unfortunatelly I do not manage to output a property of the object.</p>
  
  <p>HTML:</p>
  
  <pre><code> &lt;script id="entry-template" type="text/x-handlebars-template"&gt;
        &lt;div class="entry"&gt;
          &lt;h1&gt;Employees&lt;/h1&gt;
          &lt;div class="body"&gt;
            &lt;ul&gt;
              &lt;li&gt; 1.Employee {{lookup this 0}}&lt;/li&gt;
              &lt;li&gt; 2.Employee {{lookup this 1}}&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/script&gt;
  
      &lt;div id="content"&gt;
  
      &lt;/div&gt;
  </code></pre>
  
  <p>Javascript: </p>
  
  <pre><code>var employees = [ { name : 'Joe'}, { name : 'Bob'} ];
  
  var source   = $("#entry-template").html();
  var template = Handlebars.compile(source);
  
  var html    = template(employees);
  
  $('#content').append(html);
  </code></pre>
  
  <p>and jsfiddle: <a href="https://jsfiddle.net/sgu2mmdz/1/" rel="nofollow noreferrer">https://jsfiddle.net/sgu2mmdz/1/</a></p>
  
  <p>This is a simplified example to demonstrate my problem. I am aware that there are simplier ways so output the name by using the each helper</p>
  
  <p>Edit: This is an updated jsfiddle with a version, which is closer to what I need to achieve: <a href="https://jsfiddle.net/sgu2mmdz/6/" rel="nofollow noreferrer">https://jsfiddle.net/sgu2mmdz/6/</a></p>