title: colorbox iframe not working with jquery 1.11
body: <p>When I use jquery-1.11.0.min.js, colorbox does not load videos correctly. The colorbox div displays, but no YouTube video is loaded.  See <a href="http://www.ottawadressage.ca/duttroth/" rel="nofollow">OADG Dutt Roth video</a>.  When I use a jquery-1.7.1, the videos load correctly.  See <a href="http://www.ottawadressage.ca/horses/#willy" rel="nofollow">OADG Horse video</a>.  Can someone identify a solution which works with 1.11.0 please?  </p>
  
  <pre><code>&lt;script type="text/javascript" src="../script/jquery-1.11.0.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://code.jquery.com/jquery-1.9.0.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.2.1.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="../script/jquery.colorbox-min.js" charset="utf-8"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;         
      /*&lt;![CDATA[*/               
      jQuery(document).ready(function(){
      jQuery('.youtube').colorbox({iframe: true, width: 853, height: 480, href:function(){
      var videoId = new RegExp('[\\?&amp;]v=([^&amp;#]*)').exec(this.href);
      if (videoId &amp;&amp; videoId[1]) {
          return 'http://youtube.com/embed/'+videoId[1]+'?rel=0&amp;wmode=transparent';
      }
  }});        
  });
  /*]]&gt;*/
  &lt;/script&gt;
  &lt;div&gt;
      &lt;p&gt;&lt;a class='youtube' href="http://www.youtube.com/embed/Z_nAZI5dfx0?rel=0" title="Susanne Dutt-Roth Riding D2 March, 2012"&gt;&lt;img src="S_DuttRothFeb2012.jpg" title="Susanne Dutt-Roth Riding D2 March, 2012" alt="Susanne Dutt-Roth Riding D2 March, 2012"/&gt;&lt;/a&gt;&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>