How to have Jquery blur trigger on everything except hyperlinks/input buttons
<p>I'm having a slight issue getting a jquery action to funtion ideally.    Currently everything is working properly on a blur from a particular field, which is called "person_email".  The issue is that if the end user does this, and decides to click a hyperlink for example on the rest of the page that jquery from the blur triggers, the user see's this briefly, and then continues to the corresponding link.   </p>

<p>Ideally this would work that the blur would only trigger if a hyperlink was not clicked. </p>

<pre><code>var $email = $("#person_email");
var $hint = $("#hint_edit");

$email.on('blur',function() {
  $hint.hide; // Hide the hint
  $(this).mailcheck({
    suggested: function(element, suggestion) {
        // First error - Fill in/show entire hint element
        var suggestion = "Did you mean: &lt;span class='suggestion'&gt;" +
                         "&lt;span class='address'&gt;" + "&lt;/span&gt;" +
                         "&lt;a href='#' class='domain'&gt;" + suggestion.address +
                         "@" + suggestion.domain + "&lt;/a&gt;&lt;/span&gt;?";

        $hint.html(suggestion).fadeIn(150);
    }
  });
});

 $hint.on('click', '.domain', function() {
  // On click, fill in the field with the suggestion and remove the hint
  $email.val($(".suggestion").text());
  $hint.fadeOut(200, function() {
    $(this).empty();
  });
  return false;
 });
})
</code></pre>
