can't access variable in another function inside object literal
<p>I have following code of <code>javascript</code></p>

<pre><code>var Obj = {
    init: function () {
        this.over = $('&lt;div /&gt;').addClass('over');
        $('body').append(this.over);
        $('.click').on('click', this.show);
    },
    show: function () {
        console.log(this.over);
    }
}

Obj.init();
</code></pre>

<p>When this does is when user clicks a <code>.click</code> link then it triggers <code>show</code> function and logs out the dom element created in <code>init</code> function. <strong>But the problem is then it logs out undefined. Why?</strong> How to solve it?</p>
