Create a function for browser detection

[ryndel]

Note: This should not be used for critical functionality as browser detection is considered unreliable. It is considered best practice to use feature detection rather than browser detection.

Here's an example of usage:

var browser = (navigator.userAgent.toLowerCase());
    // console.log(browser);

    if (browser.search(/chrome/g) > -1) {
        console.log(browser.search(/chrome/g));
        $("#page-resethome .browser-alert").hide();
        $("#chrome-select").addClass("active");
        $("#browser-show #chrome").show();

    } else if (browser.search(/safari/g) > -1) {
        $("#page-resethome .browser-alert").hide();
        $("#safari-select").addClass("active");
        $("#browser-show #safari").show();

    } else if (browser.search(/firefox/g) > -1) {
        $("#page-resethome .browser-alert").hide();
        $("#firefox-select").addClass("active");
        $("#browser-show #firefox").show();

    } else if (browser.search(/msie/g) > -1) {
        $("#page-resethome .browser-alert").hide();
        $("#ie-select").addClass("active");
        $("#browser-show #ie").show();
    } else {
        $("#page-resethome .browser-alert").show();
    }

[tracend]

I agree it's rather trivial and to be avoided but there are uses for detecting a specific environment.

After some research, these libs seem to be doing something similar:
https://github.com/g13n/ua.js/blob/master/src/ua.js
https://github.com/tajjyarden/bacon.js