Preventing a search field from submitting when empty using jQuery

Question

I have a search box where I'm already using jQuery to submit the form, I just don't know how to keep it from submitting if the search box text field is empty. Any help?

Here's my code:

<a href="javascript:$('#searchPost').submit()">Search</a>

Answer 1

$('#searchPost').submit(function(event) {

   if ($(this).find('input').val() == '') {
      event.preventDefault();
   }

});

Answer 2

document.getElementById('searchPost').addEventListener('submit', function(e) {
    if (!document.getElementById('searchBoxID').value)
        e.preventDefault();
}, false);

Answer 3

In a tag within the head:

function submitSearch() 
{
  if (document.FormName.SearchTextBoxName.value) $('#searchPost').submit();
}

Update the link:

<a href="javascript:submitSearch()">Search</a>