Two of my websites have the same code, but one is functioning correctly while the other seems to be having trouble with the jQuery functions
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>jQuery Countdown</title>
<link rel="stylesheet" href=/build/timer/css/jquery.countdown.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="/build/timer/js/jquery.plugin.min.js"></script>
<script src="/build/timer/js/jquery.countdown.js"></script>
<script>
var j = jQuery.noConflict();
j(function () {
var austDay = new Date();
austDay = new Date(austDay.getFullYear() + 1, 1 - 1, 26);
j('#defaultCountdown').countdown({until: austDay});
j('#year').text(austDay.getFullYear()); });
</script>
<style>
#defaultCountdown {margin-left: -380px;width: 740px;height: 65px;}
#defaultCountdown span {font-size: 30px;font-family: Arial;}
body {background: #0f0017;}
</style>
</head>
<body>
<div id="defaultCountdown"></div>
</body>
</html>
This is the code I am using...
Here is a link to the working website: And here is the non-working one:
I'm puzzled as to why this problem is occurring, especially since it's the same code on both sites?