title: Jquery .clone can't set named function as event handler
body: <p>I'm trying to create a method that will copy the HTML from another part of the page and then set a click handler for the elements inside of it. Problem I'm having is that the handler is not firing when clicked. </p>
  
  <p>Its funny because when I set the handler as an anonymous function, it fires when clicked, but when I set it to either self.initSizeSZ or myModule.initSizeSZ it won't fire. </p>
  
  <pre><code>// Elements are cached for performance. 
  var $selectSizes = $('#someSelector');
  var $catalogWheels = $('#someOtherSelector');
  
  var myModule = {
      // This is the module that calls renderSizeSZ
      loadWheels: function(){
          if(!this.loaded){
              this.renderSizesSZ();
              this.loaded = true;
          }
      },
      renderSizesSZ: function(){
          var self = this;
          var $clone = $selectSizes.clone(false);
          var html = $selectSizes.html(); 
  
          $catalogWheels
              .find('#icf_catalog-sizes')
              .html(html)
              .find('li a')
              // if this is set as an anonymous function, it will fire, but as a named function it won't
              .click(self.initSizeSZ);
      },
      initSizeSZ: function(event){
          console.log('firing')
      }
  }
  </code></pre>