Question

(In Firefox and IE9 it doesn’t work. In Chrome, this works)

If I remove the ajax, the hide / show JQuery works. Any solutions?

<form id="ppform" action="blah.asp" method="post">
<div id="saleload">Blah</div>
<button id="sendbutton">Send</button>
</form>

$(document).ready(function(){

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

    $('#sendbutton').click(function() {

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

        $.ajax({
            type: "POST",
            url: /blah/blah.asp,
            data: reqBody,
            dataType: "json",
            success:function(data,textStatus){ 

                if (data.redirect) {
                   window.location.href = data.redirect;
                }else{
                    $("#ppform").replaceWith(data.form);
                }
             }
        });
    }); 
});

Answer 1

The obvious reason is that there is an error with your Javascript that causes the whole section not to execute. Quickly looking through your code shows this line:

        url: /blah/blah.asp,

Strings need to be enclosed in quotation marks:

        url: "/blah/blah.asp",