title: Access properties of object literal within jQuery method
body: <p>I have an object literal as follows. In the <code>Init</code> method I set a handler for a click event. Later, when the handler is called, I want to access the <code>Bar</code> property using <code>this</code> keyword. At that point, <code>this</code> has the jQuery meaning.</p>
  
  <p>Also, to make things clear, I don't want to implement functions inline with the selectors.</p>
  
  <pre><code>var StackOver = {
  
      Bar: "MyBarValue",
  
      Init: function(){
          $("#postId").click(this.Foo);
      },
  
      Foo: function(eventObject){
          // here **this** is jQuery keyword
          // how do I access StackOver.Bar?
      }
  }
  </code></pre>
  
  <p>How do I access properties of this object literal inside <code>Foo</code>?</p>
  
  <p>This could have been easy if I was using a constructor literal, which is not a go for me:</p>
  
  <pre><code>var StackOver = function (){
      var self = this;
  
      function bar()
      {
          // I can use self here
      }
  }
  </code></pre>
  
  <p><strong>edit</strong> I forgot to mention that I use the Revealing Module Pattern in this object literal, that hides private properties from the object.</p>