Enabling CSS4 Selectors in jQuery

As asked in http://stackoverflow.com/q/16366889/1454806

HTML

<script src="https://raw.github.com/amccollum/es5-basic/master/lib/es5-basic.js"></script>
<script src="https://raw.github.com/amccollum/sel/master/lib/sel.js"></script>
<div class="jQuery">jQuery</div>
<div class="Sizzle hidden">Sizzle</div>
<div class="Sel">Sel.js</div>
<div><span class="jquery-css4 hidden">CSS 4 Selectors in $() syntax</span></div>
<div><span class="css4">CSS 4 Selectors</span></div>

CSS

div { 
    border: 2px solid #990000;
    background: #CC0000;
    color: #fff;
    display: block;
    padding: 5px;
    margin: 2px;
}

div:not(.hidden):nth-match(1) {
	color: red
}

div.working {
    border: 2px solid #009900;
    background: #00CC00;
    color: #003300;
}

JavaScript

$ = function (selector, context) {
    try {
        return jQuery(selector, context);
    } catch (e) {
        return jQuery(sel.sel(selector, context));
    }
};
$('div.jQuery').addClass('working');
$('div.Sizzle').addClass('working');
$(sel.sel('div.Sel')).addClass('working');
$('div! > .jquery-css4').addClass('working');

/* Unnecessary, but included for an alternative to altering $() */
$.css4 = function(selector, context) { 
    return $(sel.sel(selector, context));
};
$.css4('div! > .css4').addClass('working');