on pageload (before any hover event in effect) do the same as hover-out event
<p>Probably this is a trivial question. The script has a bit reversed logic. I need the hover-out to be applied by default on pageload so that the content of the data-gg attribute is shown by default instead of the i element's real content which in turn thus should be shown only on hover-on (and not by default on pageload). The script now shows by default the real i content before the first hover event is in effect, otherwise it works fine.</p>

<pre><code>$('i[data-gg]').hover(
    function() {
        $(this).html($(this).data('content'));
    },
    function() {
        $(this).data('content', $(this).html())
               .text($(this).attr('data-gg'));
    }
);
</code></pre>
