loading div on submit button to prevent double submit
<p>Background : my code uses master page which has frames inside and all the other navigation happens using frame and master page is used for menu purpose.
On submit button click (on all screen) , want to disable page for any further user interference. For that master page has a div and on individual page following code is written</p>

<pre><code>var loading = window.parent.document.getElementById('dvLoading');
$(loading).show();
</code></pre>

<p>Problem: i have one frame which has couple ajax tab, on clicking on individual tab , i would like to call same div to prevent user interference while tab navigation. for which following code is written</p>

<pre><code>$(".ajax__tab_inner").click(function() {
     var loading = window.parent.document.getElementById('dvLoading');
     $(loading).show();
});
</code></pre>

<p>This works fine untill user clicks on currently active tab, which does not remove the loading div and it remains loaded/hanging state. </p>

<p>kindly suggest how to prevent div loading for active tab or any other way.</p>
