jQuery lose focus event

Question

Use blur event to call your function when element loses focus :

$('#filter').blur(function() {
  $('#options').hide();
});

Like this:

$(selector).focusout(function () {
    //Your Code
});

Use "blur": http://docs.jquery.com/Events/blur#fn

blur event: when the element loses focus.

focusout event: when the element, or any element inside of it, loses focus.

As there is nothing inside the filter element, both blur and focusout will work in this case.

$(function() {
  $('#filter').blur(function() {
    $('#options').hide();
  });
})

jsfiddle with blur: http://jsfiddle.net/yznhb8pc/

$(function() {
  $('#filter').focusout(function() {
    $('#options').hide();
  });
})

jsfiddle with focusout: http://jsfiddle.net/yznhb8pc/1/