title: Dynamically loaded links don't trigger ColorBox on click, but on second click
body: <p>I have a problem which I can't seem to be figuring out:</p>
  
  <p>I load content dynamically using jQuery to a TinyScrollbar. The content contains links that should fire up ColorBox.
  For the links to work, I used jQUery's <code>delegate</code>. But, after loading content, my ColorBox <strong>only opens if I click the link twice</strong>.</p>
  
  <p>(I suppose, one to make jQuery realise that there's a matching element, second time to execute the delegate function.)</p>
  
  <p>Here's my code:</p>
  
  <pre><code>$(document).ready(function() {
      var main = $('#main');
      main.tinyscrollbar();
  
      $(function(){
          $(window).bind( 'hashchange', function(e){
              var hash = location.hash;
  
              if (hash != '' &amp;&amp; hash != ' ' &amp;&amp; hash != 'undefined') {
                  var urlToLoad = hash;
                  $('.overview').load(urlToLoad, function(response, status, xhr) {
                    urlToLoad = "";
                    main.tinyscrollbar_update();
                  });
              }
           });
          $(window).trigger( 'hashchange' );
       });
  
      $(document).delegate("a.video", "click", function(e){$(this).colorbox({iframe:true, innerWidth:700, innerHeight:394, fastIframe:false, transition:"none"});return false; });
      $(document).delegate("a.img", "click", function(e){$(this).colorbox({transition:"none"});return false;});
  });
  </code></pre>