I have a long kind wizard form, like a survey in my site. I want to write a jQuery Function so that when the user click accidentally any link on the page ( except preview and next buttons of the wizard ), it is asked first: are you sure you want to proceed? then it is redirected to the link he clicked, if he click cancel, nothing happens..

So far What i have done is to each link of the page except (next & previw) i have added a class link_ridirect so i can grab all the anchor links. and stop redirecting.

jQuery function is as follow!

<script type=text/javascript>

<!-- HERE IS THE SEARCH FILTER -->

 //<![CDATA[

    var GLOBAL_NAMESPACE = {};

    $(document).ready(function(){

      GLOBAL_NAMESPACE.value_changed = true;

    });



    $(document).ready(function () {

      $('.link_redirect').bind('click',function (e) {

          e.preventDefault();

          if (GLOBAL_NAMESPACE.value_changed){

              var res = confirm('you have unsaved changes. Do you want to continue?');

              if(res){

                  window.location.href = $(this).attr('href');

              }else{

                  console.log('stay on same page...');

              }

          }

      });

    });

//]]>

</script>

So what i want to do is how can i declare a Global variable to keep track of all field state. So if a field changes, to make it true and call the prevent function.