jQuery "please wait" while php executes
<p>I have a script that connects to the PayPal api to check for a valid credit card input. The script can take about 5 seconds to execute and in an effort to keep users from clicking "submit" multiple times if they don't see an immediate response, I'd like to place a "Please wait" indicator.</p>

<p>I have a div, "pleaseWait" which is hidden. In jQuery I have:</p>

<pre><code>$('#submit').click(function(){
    $('#pleaseWait').show();
});
</code></pre>

<p>The only problem is if there is an issue, it will send the php error back and the "Please wait" will continue on screen. I decided to try another approach and echo the jQuery in php after the script starts to run, and hide it if there is an error.</p>

<pre><code> /* Echo the jQuery so the "Please wait" indicator will show on screen */
 echo "&lt;script type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js\"&gt;&lt;/script&gt;";
 echo "&lt;script type='text/javascript' charset='utf-8'&gt;";
 echo "\$(document).ready(function(){";
 echo "\$('#pleaseWait').show();";
 echo "});";
 echo "&lt;/script&gt;";


 if($error == ""){

      /* There is not an error, run php. */

 }else{
      /* There was an error, stop the jQuery from displaying the "please wait" and display the error */
      echo "&lt;script type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js\"&gt;&lt;/script&gt;";
      echo "&lt;script type='text/javascript' charset='utf-8'&gt;";
      echo "\$(document).ready(function(){";
      echo "\$('#pleaseWait').hide();";
      echo "});";
      echo "&lt;/script&gt;";
 }
</code></pre>

<p>This can work, but seems really messy. Is there a better way to do this other than multiple echos in php?</p>
