title: Colorbox function how to make image clickable
body: <p>New to jQuery so hope someone can help with something this basic: I found this great function for Colorbox provided by user3571366 and works perfectly. </p>
  
  <pre><code>&lt;link href="popup/colorbox.css" rel="stylesheet"&gt;&lt;/link&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="popup/jquery.colorbox-min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  $(document).ready(function(){
  $.fn.colorbox({href:"popup/popup_image.jpg", open:true});
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>However, how do you make that popup_image.jpg clickable (ie. user clicks on the image to go a URL?)</p>