Is there something more standard for handling "this" without making "that" reference to "this"
<p>I have some code here:</p>

<pre><code>App.prototype.binds = function(){
    var that = this;
    $('.postlist li').live('click', function(){ that.selectPost(this);} );
}

App.prototype.selectPost = function(){
    this.function();
}
</code></pre>

<p>I am creating a reference of "this" as "that" in my binds function so in my selectPost(), I can use "this" to reference the App object instead of the list item.</p>

<p>Is there a more graceful/standard solution to this instead of using "that"?</p>

<hr>

<p><strong>With the Answer, my code becomes:</strong></p>

<pre><code>App.prototype.binds = function(){
    $('.postlist li').live('click', $.proxy(this.selectPost, this) );
}

App.prototype.selectPost = function(e){
    this.function(); // function in App

    var itemClicked = e.currentTarget; //or
    var $itemClicked = $(e.currentTarget); 
}
</code></pre>
