title: pop up until jquery finishes processing
body: <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>