Question: I have 2 jquery script tags on this [page](http://beta.fray.it/invite/) and I am trying to find where they are inserted from. I have located one which comes from header.php, but cannot find the second one. Is there a browser developer tool that could help me with this?

Answer: 
Add id="myform" to the form element, then:
$("#myform").hide();

About the icon. When you click the button you could make the icon visible and when succeed or error then hide again.
You could use the deferred options here:

```
jQuery('#register-me').on('click', function () {
    var action = 'register_action';
    var username = jQuery("#st-username").val();
    var mail_id = jQuery("#st-email").val();
    var firname = jQuery("#st-fname").val();
    var lasname = jQuery("#st-lname").val();
    var passwrd = jQuery("#st-psw").val();
    var ajaxdata = {
        action: 'register_action',
        username: username,
        mail_id: mail_id,
        firname: firname,
        lasname: lasname,
        passwrd: passwrd
    };
    jQuery.post(ajaxurl, ajaxdata)
        .beforeSend(function (data, textSttus, jqxhr) {
        $('#myform').hide();
        alert('Show the spinner');
        $('#spinner').show();
    })
        .done(function (data, jqxhr, settings ) {
        alert("success");
    })
        .fail(function (event, jqxhr, settings, exception) {
        alert("oops, fail");
        $('#myform').show();
    })
        .always(function (event, jqxhr, settings ) {
        alert('hide the spinner please');
        $('#spinner').hide();
    });
});

```