Ajax loader being activated by 2 different features!!

Ajax loader being activated by 2 different features!!

Hi all,

I'm fairly new to posting for help on coding, so please bare with me, hope this makes sense!.

See here: http://www.retainingsolutions.com.au/test

You will see two forms on the page at the top. One is a subscribe form, the other is a real time 'apple-style' search engine.

On their own, each feature works perfectly. In fact, they both work perfectly, however the search feature is affecting the subscription form.

The subscription form uses an ajax submit using the jquery form plugin. While it's submitting, it displays a loading graphic in a div. It appears that this loading graphic starts up on ANY ajax call on the page - because when you start typing in the search field, it initiates the newsletter subscription loading sequence.

Given my limited knowledge of how to customise this, I would be every so thankful if someone could take a quick look at the following codes.

First, here's the jquery script that handles the subscription form, you can see the top section handles the ajax loading graphic handler. What I need to do is somehow modify it so it plays ONLY when the newsletter subscription ajax call is happening, and not when ANY other ajax call happens. Is there a way to make this function specific rather than global?

// form validation and ajax submitter.
jQuery(function() {
      // show a simple loading indicator
      var loader2 = jQuery('<div id="loader2"><img src="images/contact/loader.gif" alt="loading..." /></div>')
         .css({position: "relative", top: "0px", left: "0px"})
         .appendTo("#subscribeConfirmation")
         .hide();
      jQuery().ajaxStart(function() {
         loader2.show();
         $('div#newsletterBox').fadeOut();
      }).ajaxStop(function() {
         loader2.hide();
      }).ajaxError(function(a, b, e) {
         throw e;
      });
      
      var v = jQuery("#subscribeForm").validate({
         submitHandler: function(form) {
            jQuery(form).ajaxSubmit({
               target: "#subscribeConfirmation"
            });
         }
      });
   });


Put simply, I don't want the loading graphic for the subscribe form to be initiated when a user is typing in the search field.

Appreciate anyone's time who looks at this.

Kind Regards

Scott