pop up until jquery finishes processing
<p>I am new to jquery and I need to figure out how to do the following:</p>

<p>I have a submit button on my page and when clicked a jquery function is executed. The function will load some information from mysql and echo a table with that information.</p>

<p>My problem is that this takes time and meanwhile the user is waiting or even resubmitting.</p>

<p>What I would like is to have a popup screen that will be displayed before I start fetching the data from mysql and removed after the data is echoed onto the page.</p>

<p>What would I be looking for? what is this called? how can I implement such a think.</p>

<p>This is my code:</p>

<pre><code>&lt;script type="text/javascript"&gt;
$(document).ready(function(){
$('#form-lecturer-login').submit(function(event){
event.preventDefault();
//I need: Display a pop up

//This is working : Code to fetch mysql data and echo a table

//I need: Remove popup
}
</code></pre>

<p>Here's my full code:
pastebin.com/JVCfWbLD </p>
