Question

My bind function:

$searchInput.bind('blur', function() {
  $searchResults.remove();
}

But this shouldn’t happen if I click on a link inside of $searchResults. Now $searchResults is removed before I can click on a link.
How should I do that?

Answer 1

You may simply set a flag on mouse over $searchResults:

var isOver = false;
$searchInput.bind("blur", function(e) {
    if (!isOver) {
        $searchResults.remove();
    }
});

$searchResults.hover(function() {
    isOver = true;
}, function() {
    isOver = false;
});

DEMO: http://jsfiddle.net/sUA4D/

You can do the same via element data, e.g. setting $searchResults.data("isOver", true).