 <p><strong>Only one change..</strong></p> <p>Use</p> <pre><code>$('#records_table').html('&lt;img src="assets/content/login.gif"&gt;'); </code></pre> <p>Instead of</p> <pre><code>$('#records_loading').html('&lt;img src="assets/content/login.gif"&gt;'); </code></pre> <p>Final Code:</p> <pre><code>&lt;script&gt; function showResult(str) { $.ajax({ url: '/getjson.php?search='+str, type: 'POST', dataType:'json', beforeSend:function(response) { $('#records_table').html('&lt;img src="assets/content/login.gif"&gt;'); $('#records_loading thead.bg-teal').hide(); }, success: function (response) { var trHTML = ''; $.each(response, function (key,value) { trHTML += '&lt;tr&gt;&lt;td&gt;' + value.ID + '&lt;/td&gt;&lt;td&gt;' + value.Timestamp + '&lt;/td&gt;&lt;td&gt;' + value.Number + '&lt;/td&gt;&lt;td&gt;' + value.Message + '&lt;/td&gt;&lt;td&gt;' + value.Status + '&lt;/td&gt;&lt;/tr&gt;'; }); $('#records_loading thead.bg-teal').show(); $('#records_table').html(trHTML); $('.table-togglable').trigger('footable_redraw'); } }); } showResult(''); &lt;/script&gt; </code></pre>