title: handlebar select box populate
body: <p>my HTML code,</p>
  
  <p>I want each user role is selected next to the select box of each user name,</p>
  
  <p>inside the each loop of role i cant able to access the role of parent user node,
  is it possible to compare the role id of user node with roles node roleid and when its equal, the option will be selected</p>
  
  <pre><code>&lt;table&gt;
  &lt;tr&gt;
      &lt;p&gt;peter is employee&lt;/p&gt;
    &lt;p&gt;john is admin&lt;/p&gt;
    &lt;p&gt;michel is manager&lt;/p&gt;
  &lt;/tr&gt;
  {{#user}}
  &lt;tr&gt;
      &lt;td&gt;
          &lt;input type="text" value="{{name}}"&gt;
      &lt;/td&gt;
  
      &lt;td&gt;
          &lt;select&gt;
              {{#each ../roles}}
              &lt;option value="{{roleid}}"&gt;{{value}}&lt;/option&gt;
              {{/each}}
          &lt;/select&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
  {{/user}}
  </code></pre>
  
  <p></p>
  
  <p>This is may Json </p>
  
  <pre><code>var data = {
  "user": [
      { "name": "peter", "role": 1 },
      { "name": "john", "role": 2 },
      { "name": "michel", "role": 3 }
  ],
  "roles": [
      { "roleid": 1, "value":"manager"},
      { "roleid": 2, "value":"employee"},
      { "roleid": 3, "value":"admin"}
  ]
  };
  </code></pre>
  
  <p>fiddle url <a href="https://jsfiddle.net/Manu_S/egbwbfav/2/" rel="nofollow noreferrer">https://jsfiddle.net/Manu_S/egbwbfav/2/</a></p>
  
  <p>thanks</p>