Наименование переменной и ID тега

Допустим у меня в HTML документе есть следующие DOM элементы:

<div id=header>...</div>
<div id=menu>...</div>
<div id=legalDocument>...</div>

В .js файле, чтобы удобнее было к ним обращаться я задаю переменные для каждого элемента:

header = document.getElementById('header');
menu = document.getElementById('menu');
legalDocument = document.getElementById('legalDocument');

Что предпочтительнее: Сделать так, чтобы названия переменных полностью совпадали с Id как в примере выше, либо поменять названия переменных, например:

headerVar = document.getElementById('header');
menuVar = document.getElementById('menu');
legalDocumentVar = document.getElementById('legalDocument');

?