Javascript Function Problem

Hello, I try to modify a function, but without success not working properly because I'm very bad in javascript, so here my javascript code:

//begin ajax grabber

function validateGrabber(b_on_submit){

    if(document.grabber.keywords.value == '' || document.grabber.keywords.value == 'search'){

        alert('You did not enter a search term. Please try again.');

        if(b_on_submit == 'true')

            return false;

    }

    else{

        document.grabber.btn.submit();

    }

}

function grabber(inputGrabber) {

   if(inputGrabber.length == 0) {

      // Hide the suggestion box.

      $('#suggestions').hide();

   } else if(inputGrabber.length > 2) {

      $.post(MELODYURL2+'/ajax_grabber.php', {queryString: ""+inputGrabber+""}, function(data){

         if(data.length >0) {

            $('#suggestions').show();

            $('#autoSuggestionsList').html(data);

         }

      });

   }

} // end ajax grabber

PHP:

and that's my template code:

	
<form action="{$smarty.const._URL}/search.php" method="get" id="search" name="grabber" onsubmit="return validateGrabber('true');">

<input name="keywords" type="text" value="" class="search_keywords" id="inputGrabber" {if $smarty.const._SEARCHSUGGEST == 1}onkeyup="grabber(this.value);" onblur="fill();" autocomplete="off"{/if}  />  

<input name="btn" value="{$lang.submit_search}" type="submit" class="search_bttn" />

<div class="suggestionsBox" id="suggestions" style="display: none;">

<div class="suggestionList" id="autoSuggestionsList">

</div>
</div>
</form>

	

PHP:

the first function doesn't show the alert and the second doesn't work at all...

 

Hi Selen

I can see alert in my browser.

Could you post link on live example. It will easy for debug.