Переменная создает множество элементов с одинаковым id

Суть кода. В зависимости от значения переменной {reg_user_row.FORUM_LOCATION}, которая показывает где в данный момент находится юзер, скрипт должен выполнять определённые действия(не document.write, здесь эта команда введена для наглядного примера).
Тестируем код. Когда на форуме, к примеру, 2 юзера(Админ и Бот1), при этом админ находится на странице "Кто сейчас онлайн" а Бот1 на странице "Подфорум 1". Теоретически, код должен выдать 2 строчки: в первой - "Не известно где", во второй - "Просматривает Подфорум1". Но на практике код выдаёт 2 одинаковые строчки - "Не известно где". Проблема в том, что переменная {reg_user_row.FORUM_LOCATION} на самом деле создаёт 2 объекта <span></span> но, так как id="location" у них одинаковые, то скрипт выдаёт document.write 2 раза только для первого юзера, то есть для Админа.

Код:

<span id="location" hidden>{reg_user_row.FORUM_LOCATION}</span>
<script type="text/javascript">
function tst () {
 loc = document.getElementById('location').innerHTML;
  switch (loc) {
    case 'В оглавлении форума':
      document.write("На главной странице");
    break;
    case 'Подфорум1':
      document.write("Просматривает Подфорум1");
    break;
    case 'Ваш первый форум':
      document.write("Просматривает свой первый форум");
    break;
    default:
      document.write("Не известно где");
  }
}
  </script>

Так как сам я нуб, то вопрос к знатокам JS: Каким образом можно сделать так, чтобы id были разные?