How To Trigger Focusout Event On A Ul Element?

I have a plugin that changes the look of select html tag on all browser. I'm trying to make the new styled set of elements behave like a normal select tag. I'm almost there, but I

Solution 1:

Try out the jQuery outside events plugin Will let you do something like:

$(this).bind( "clickoutside", function(event){
  $(this).hide();
});

Solution 2:

I was able to hide the options panel using this code:

$(document).click(function() {
    if ( $optionsHolder.data('hidden') || $optionsHolder.is(':animated') ) {
        return;
    }
   $selectedHolder.click();
})

This works because focusing on another input is like a click on the document.