title: DataTables Processing Info does not show up
body: <p>I included my server-side processing DataTables in jQuery UI TABS but after integration the processing info does not show up anymore :(<br><br>
  This <a href="https://stackoverflow.com/questions/11311505/display-processing-message-in-jquery-datatables">stackoverflow.com</a> post writes something about a hidden "Processing..."-Div.<br>
  Is it possible that my case matches a "z-index" problem?<br>
  <br>
  This is the DataTables code :</p>
  
  <pre><code>$(document).ready(function() {
  
      $('#example').DataTable( {
          "processing": true,
          "serverSide": true,
          "ajax": {
              "url": "ajax_ssp_class.php",
              "type": "GET"
          },
          "order": [ [0,'asc'] ],
          "paging":true,
          "pagingType": "simple_numbers",
          "pageLength": 50,
          "lengthMenu": [[50, 100, 250, -1], [50, 100, 250, "All"]],
          "lengthChange": true
      } );
  });
  </code></pre>
  
  <p>The proof whether the div is existent is tested as true:<br></p>
  
  <pre><code>&lt;div id="example_processing" class="dataTables_processing" style="display: block; z-index: 10000;"&gt;Processing...&lt;/div&gt;
  </code></pre>
  
  <p><br><strong>THE SOLUTION</strong><br>
  I added the following line to the pre-drawing. Now it works.</p>
  
  <pre><code>"fnPreDrawCallback":function(){
      //alert("Pre Draw");
      $('#example_processing').attr('style', 'font-size: 20px; font-weight: bold; padding-bottom: 60px; display: block; z-index: 10000 !important');
  }
  </code></pre>