Усы (или Handlebars) перебирают два списка

У меня есть два массива:

var content = {
  "girls": ["Maria", "Angela", "Bianca"],
  "digits": ["21.143.191.2", "123.456.78.90", "971.6.17.18.1"]
};

и шаблон:

<script id="template" type="text/template">
  <ul>
    <li><a href="{{digits}}">{{girls}}</a></li>
  </ul>
</script>

Я хочу, чтобы конечный результат был:

<ul>
  <li><a href="21.143.191.2">Maria</a></li>
  <li><a href="123.456.78.90">Angela</a></li>
  <li><a href="971.6.17.18.1">Bianca</a></li>
</ul>

Я пробовал блочные усы, такие как {{#girls}} {{.}} {{/girls}} и {{#digits}} {{.}} {{/digits} }но независимо от того, как я их вставляю, я получаю повторы, а не чередование.

Есть идеи?

PS: Очевидно, что в будущем мы будем запрашивать IP-адреса, а не номера телефонов.

PPS: Ни один из этих IP-адресов не является реальным, пожалуйста, не пытайтесь связаться с этими девушками!