title: Fancybox iframe says that my YouTube href is undefined
body: <p>Here is my HTML:</p>
  
  <pre><code>&lt;a class="video iframe" href="http://www.youtube.com/watch?v=Psk2Pq03rv0&amp;#38;fs=1"&gt;Arbitrary text&lt;/a&gt;
  </code></pre>
  
  <p>Here is the Fancybox javascript:</p>
  
  <pre><code>&lt;script type='text/javascript'&gt;  
    $(document).ready(function(){  
      $("a.video").fancybox({  
        'href'    : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),  
        'type'    : 'swf',  
        'swf'     : {  
          'wmode' : 'transparent',  
          'allowfullscreen': 'true'  
        }  
      });  
      return false;  
    });
  &lt;/script&gt;
  </code></pre>
  
  <p>Firebug Console says:</p>
  
  <pre><code>this.href is undefined  
  'href' : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'), 
  </code></pre>
  
  <p>As a result, clicking this link takes the user to YouTube and does not trigger Fancybox. 
  Changing the problematic line to <code>'href' : this.href.replace(new RegExp("watch?v=", "i"), 'v/'),</code> which seems more correct to me, yields the same result.</p>
  
  <p>Any advice?</p>
  
  <p>EDIT: I adjusted my script to only include the parts relevant to my question.</p>