How to iterate over a nested array within an object within an array in Express-Handlebars?

I'm rather new to Node, Express, Handlebars, etc. and I'm attempting to build a dynamic dropdown menu using NodeJS and Express-Handlebars.

This is what my data looks like

var dropdownCategory = [
  {title:"Title", dropdownItem: [{title: "1"}, {title: "2"}]}, 
  {title: "Other title", dropdownItem: [{title: "3"}, {title: "4"}]}]

This is how I'm iterating over it in express handlebars currently:

{{# each dropdownCategory}}
  <li class="nav-item dropdown">
    <a href="#" class="nav-link dropdown-toggle" data-toggle = "dropdown">
    {{title}}
     </a>
     {{# each dropdownItem}}
     <div class="dropdown-menu">
       <a href="/{{title}}" class="dropdown-item">{{title}}</a>
     </div>
     {{else}}
     {{/each}}
  </li>
{{else}}
(...)
{{/each}}

I am always getting the first title from the dropdownItem only. Would appreciate your input on this. I assume it's a problem of nesting the second array within the object, but I honestly have no idea how to fix it. Thank you!