```html
<form id="time-form" data-type="list">
          <ul>
            <!-- timezones -->
            <li>
              <button class="change icon icon-dialog" data-l10n-id="change" type="button">
                Change
              </button>
              <p id="tz-region-label"></p>
              <select id="tz-region" class="invisible"></select>
            </li>
            <li>
              <button class="change icon icon-dialog" data-l10n-id="change" type="button">
                Change
              </button>
              <p id="tz-city-label">GMT</p>
              <select id="tz-city" class="invisible"></select>
            </li>
```

This is the html only the button is visible the 
```html 
<select id="tz-region" class="invisible"></select>
``` 
Is not visible and can't be accessed