Jquery on click doesn't fire when blur is also bound

Question

My blur event fires but not my click event. If I remove the blur event code the click event works fine.

How do I change the order these events fire?

$.fn.autoComplete = function () {

    $(document).on('click', '#' + settings.resultsDivId + ' tr', function () {
            console.log('click fired');
            $('#' + settings.resultsDivId).hide();
    });

    this.on('blur', function () {
        console.log('blur fired');
        $('#' + settings.resultsDivId).hide();
    });

    function AutoComplete(term) {
        // ajax call stuff
    }
};

Answer 1

Changing click to mousedown solved it. Apparently click fires after blur .

Blur event stops click event from working?