I have some JS that is working perfectly on my local machine, as soon as I upload it to my web server it stops functioning. The site is www.turnbulldesigns.co.uk if you want to take a look.
I have uploaded the entire folder structure from my local machine so it's not wrong/missing files. What could stop the following JS from working once uploaded?
$(document).ready(function ($) {
$(".orange").click(function () {
$("#colors").attr("href", "colors/orange.css");
});
$(".blue").click(function () {
$("#colors").attr("href", "colors/blue.css");
});
$(".green").click(function () {
$("#colors").attr("href", "colors/green.css");
});
$(".red").click(function () {
$("#colors").attr("href", "colors/red.css");
});
$(".violet").click(function () {
$("#colors").attr("href", "colors/violet.css");
});
$(".pink").click(function () {
$("#colors").attr("href", "colors/pink.css");
});
$(".yellow").click(function () {
$("#colors").attr("href", "colors/yellow.css");
});
$(".tan").click(function () {
$("#colors").attr("href", "colors/tan.css");
});
$(".grey").click(function () {
$("#colors").attr("href", "colors/grey.css");
});
$('.color-switcher li a').click(function (e) {
$(this).parent().parent().find('a').removeClass('active');
$(this).addClass('active');
})
})