How to perform an activity using Jquery on page load
<p>I have below code in Jquery</p>

<pre><code>$(document).ready(function() {

    // bind to cells with an ID attribute
    $("table &gt; tbody &gt; tr &gt; td[id]").mouseover(function() {

        // grab the anchor from the LI whose ID starts with the cell's ID
        var $tooltip = $("div:hidden li[id^=" + $(this).attr("id") + "] a");

        // append it to the current cell
        $(this).append($tooltip);
    }).mouseout(function() {

        // remove the anchor/tooltip
        $(this).find("a").remove();
    });
});
</code></pre>

<p>Now you can see in above code that certain things has been done on <strong>MOUSEOVER</strong> event. The issue is that it does not show my anchor tag until I have <strong>MOUSEOVER</strong> on that particular <strong>TD</strong>. I want when my page gets loaded it will show all the anchor in <strong>TD</strong> without any <strong>MOUSEOVER</strong> or any <strong>EVENTS</strong>.</p>

<p>I want to write this code on page load event, please suggest!</p>
