title: How to prevent jquery to override "this"
body: <p>I have the following class in javascript:</p>
  
  <pre><code>function User(aJid){
      this.jid = aJid;
      this.name = '';
      this.uni = '';
      this.edad = '';
      this.foto = '';
      this.avatar = '';
      this.initialize2 = function(){
  
          $('#edit_vcards').on('click', '#enviar_vcard', function(){
              //alert("enviando...");
              console.log(this);
          });
      };
  </code></pre>
  
  <p>As you can see I have a method "initialize2" that binds a function to some elements in the DOM. In there I do a <code>console.log(this)</code> which prints the DOM element we binded the method to and not the object that is executing the method <code>initialize2</code>. How can I have access to that object from that function?
  Its like if the scope of the function binded is the whole DOM and not the object. Anyway to do what Im trying to do ?</p>