Возвращает один getElementById, но не другой

Question

Новое в этом, поэтому, пожалуйста, несите меня. Я могу сделать эту работу в jsfiddle (ссылка ниже), но на моем сайте он возвращает только первый getElementById, а не второй. Я поменял их, чтобы проверить.

Html:

<p id="spanDate"></p> 
<p id="spanYear"></p> 

JS:

$(document).ready(function() { 
    var months = ['January','February','March','April','May','June','July', 
    'August','September','October','November','December'];  
    var currentTime = new Date(); 
    y = currentTime.getFullYear(); 
    document.getElementById("spanDate").innerHTML = months[currentTime.getMonth() - 1] + " " + y; 
    document.getElementById("spanYear").innerHTML = y; 
}); 

Демо: https://jsfiddle.net/W4Km8/7039/

Любая помощь вы можете предоставить было бы весьма признателен. Благодарю.

Answer 1

Решено - но единственный способ заставить это работать - это разделить два getElementById и поместить их в разные JS-файлы.