Which solution is better for passing "this" parameter to javascript event handler
<p>What is the best approach for passing the <code>this</code> parameter of the init function to the change event handler and why?</p>

<p>Option 1 (using that = this).</p>

<pre><code>SomeObject.prototype.init = function () {
    var that = this;
    this.$element.change(function () {            
        //do some some things with that.
        that.
    });

};
</code></pre>

<p>Option 2 (using <a href="http://api.jquery.com/event.data/" rel="nofollow">event.data</a>).</p>

<pre><code>SomeObject.prototype.init = function () {

    this.$element.change({object:this }, function (e) {            
        //do some some things with the event data.
        e.data.object.
    });

};
</code></pre>

<p>Or another (better) one?</p>
