title: Loading external website in popup window using Colorbox
body: <p>In the examples offered by the official site
  <a href="http://www.jacklmoore.com/colorbox/example2/" rel="nofollow">http://www.jacklmoore.com/colorbox/example2/</a></p>
  
  <p>This website <a href="http://threadless.com" rel="nofollow">http://threadless.com</a> opens in a popup window successfully.</p>
  
  <p>I successfully implemented this example, but I couldn't load any other page.</p>
  
  <p>For example</p>
  
  <pre><code>&lt;link rel="stylesheet" href="colorbox.css" /&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="jquery.colorbox.js"&gt;&lt;/script&gt;
      &lt;script&gt;
          $(document).ready(function(){
              $(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
          });
      &lt;/script&gt;
  &lt;body&gt;
      &lt;p&gt;&lt;a class='iframe' href="http://threadless.com"&gt;Outside Webpage (Iframe)&lt;/a&gt;&lt;/p&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>This code works perfectly, but when I replace threadless.com with google.com, facebook.com, or any other website a blank popup appears. Could anyone help me please?</p>
  
  <p>Thanks very much.</p>