Add browser Specific Class to HTML

function blankslate_footer_scripts() {
?>
<script>
jQuery(document).ready(function ($) {
    var deviceAgent = navigator.userAgent.toLowerCase();
    if (deviceAgent.match(/(iphone|ipod|ipad)/)) {
    $("html").addClass("ios");
    $("html").addClass("mobile");
    }
    if (navigator.userAgent.search("MSIE") >= 0) {
    $("html").addClass("ie");
    }
    else if (navigator.userAgent.search("Chrome") >= 0) {
    $("html").addClass("chrome");
    }
    else if (navigator.userAgent.search("Firefox") >= 0) {
    $("html").addClass("firefox");
    }
    else if (navigator.userAgent.search("Safari") >= 0 && navigator.userAgent.search("Chrome") < 0) {
    $("html").addClass("safari");
    }
    else if (navigator.userAgent.search("Opera") >= 0) {
    $("html").addClass("opera");
    }
});
</script>
<?php
}
add_action( 'wp_footer', 'blankslate_footer_scripts' );