title: colorbox div won't display
body: <p>I am trying to show a hidden div in a colorbox on click</p>
  
  <p>I cant figure out how to show the div inside the colorbox </p>
  
  <p>the  div is hidden, but I want it to be visible when it is displayed inside the colorbox obviously</p>
  
  <pre><code>&lt;div class="test"&gt;test&lt;/div&gt; // on click
  
  &lt;div id="messageform" style="display: none;"&gt; // show this in colorbox
  TEST
  &lt;/div&gt;    
  
  
  
  $('.test').click(function(){
  $.colorbox({inline:true, width:"50%", open:true, href:"#messageform" }); 
  });
  </code></pre>
  
  <p>this works only when the form messageform is not hidden, but how can i show on click in the colorbox?</p>