title: Override focus method for single element
body: <p>I am creating a custom component that needs to play nicely with native blur and focus functions. I am trying to override these functions to provide the functionality I require.</p>
  
  <p>I am able to override the prototype functions like this:</p>
  
  <pre><code>$('div#foo').__proto__.focus = function(msg) {
      console.log(msg);   
  }
  </code></pre>
  
  <p>The problem with that is it overrides the focus function for ALL div's. I only want to override this function on a specific element that is a part of my component.</p>
  
  <p>Here is a fiddle kind of showing the gist of what I want to do: <a href="http://jsfiddle.net/dkrotts/5mXVL/3/" rel="nofollow">http://jsfiddle.net/dkrotts/5mXVL/3/</a></p>