title: Why browser is blocking when jquery load large amounts of data?
body: <p>I noticed a problem in many places and on my site, and I'm interested about solution.</p>
  
  <p>Why any browser is blocking when jquery load large amounts of data?</p>
  
  <p>On one site I made statistics that check over 11,000 entries what made pagination and show lists of 400 entries from the database. When I start to load that data, any function on my browser stop to work until the load is complete. The same also happens when I'm working in phpMyAdmin.</p>
  
  <p>Is there a way to improve the load, or to prevent the blocking of? Thanks!</p>
  
  <p><strong>EDIT:</strong>
  This is jQuery what I use:</p>
  
  <pre><code>&lt;script&gt;
  $(document).ready(function() {
      $("#results").prepend('&lt;div class="loading-indication"&gt;&lt;img src="loading.gif" /&gt; Loading...&lt;/div&gt;').load("fetch_pages.php", {'page':0}, function() {$("#1-page").addClass('active');});  //initial page number to load
  
      $(".paginate_click").click(function (e) {
          var clicked_id = $(this).attr("id").split("-"); //ID of clicked element, split() to get page number.
          var page_num = parseInt(clicked_id[0]); //clicked_id[0] holds the page number we need
          $('#if').removeClass('active'); //remove any active class
          $("#results").prepend('&lt;div class="loading-indication"&gt;&lt;img src="loading.gif" /&gt; Loading...&lt;/div&gt;').load("fetch_pages.php", {'page': (page_num-1)}, function(){});
          $(this).addClass('active'); //add active class to currently clicked element
          return false; //prevent going to herf link
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>On fetch_pages.php is a simple PHP loop with while function.</p>