title: Colorbox iframe - loading specific div only
body: <p>I'm using wordpress and the jquery colorbox plugin, and I'm loading an internal page from my website into an iframe.  I'd like to either only load a specific div ID or, alternatively, hide specific div IDs or classes.  I've read <a href="https://stackoverflow.com/questions/9025937/colorbox-load-specific-div-from-iframe">Colorbox Load Specific div from iFrame</a> but unfortunately I'm not able to get this code to work, the entire page continues to display in the iframe.  My links are identified with the class .colorbox-link and I'm trying to only display the div of #main inside the iframe.  Here's my current code that I've placed in header.php:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(window).load(function () {
          var $iframe = $(".colorbox-link"); 
          $(".colorbox-link").colorbox({      
               href: $(".colorbox-link").attr('href') + " #main", 
          }); 
      }); 
  &lt;/script&gt;
  </code></pre>
  
  <p>Sorry if this is a jquery newbie question - thanks in advance for any help!</p>