更改基于设备的链接（JQuery）

Question

我正在尝试制作一个JQuery脚本，根据用户使用的移动设备更改链接。我不明白为什么它不起作用。这是脚本：

<a id="button" href="#">Press Here</a>

<script>

var isMobile = {
    Android: function() {
        return navigator.userAgent.match(/Android/i);
    },
    BlackBerry: function() {
        return navigator.userAgent.match(/BlackBerry/i);
    },
    iOS: function() {
        return navigator.userAgent.match(/iPhone|iPad|iPod/i);
    },
    Opera: function() {
        return navigator.userAgent.match(/Opera Mini/i);
    },
    Windows: function() {
        return navigator.userAgent.match(/IEMobile/i);
    },
    any: function() {
        return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
    }
};

if( isMobile.iOS() || isMobile.Android() ){
   $('#button').attr('href', 'http://youtube.com');
}


</script>