title: TypeError: $(...).colorbox is not a function
body: <p>I am using bellow js code</p>
  
  <pre><code>&lt;script type="text/javascript"&gt; 
      $(document).ready(function(){
          $(".youtube").colorbox({iframe:true, innerWidth:640, innerHeight:390});
          $(".callbacks").colorbox({
          onOpen:function(){ alert('onOpen: colorbox is about to open'); },
          onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
          onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
          onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
          onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
          });
      });
      &lt;/script&gt;
  </code></pre>
  
  <p>Then this bellow error coming</p>
  
  <blockquote>
    <p>TypeError: $(...).colorbox is not a function [Break On This Error]     </p>
  </blockquote>
  
  <pre><code>$(".youtube").colorbox({iframe:true, innerWidth:640, innerHeight:390});
  </code></pre>
  
  <p>when I click on video link it directly opening in page instead of lightbox effect  </p>