title: Get element from inside function
body: <p>Good morning in my timezone.</p>
  
  <p>i had this code in my HTML page</p>
  
  <pre><code>&lt;span id="x&gt;
      &lt;div onclick="$(this).applyFancybox({
          trigger: !$.browser.msie, 
          target: (event.srcElement || event.target)
      }); return false;"&gt;
  </code></pre>
  
  <p>And i am changing to this code</p>
  
  <pre><code>&lt;span id="x"&gt;
      &lt;div&gt;
  &lt;/span&gt;
  
  &lt;script&gt;
  ...
  $(document).ready (function () {
  
      $("#x div")
          .click(function(){
              this.applyFancybox({
                  trigger: !$.browser.msie, 
                  target: (event.srcElement || event.target)
              }); return false;
          });
  }
  ...
  &lt;/script&gt;
  </code></pre>
  
  <p>This is not working because i think the this is not pointing to the div element, how can i fix it ?</p>
  
  <p>Thanks in advance
  Best regards</p>