title: Jquery colorbox display location
body: <p>I am using colorbox to display html content errors.</p>
  
  <p>I need to display it at location of link click. Is there any way to set position of it to the same of near of that link?</p>
  
  <hr>
  
  <p><code>CODE</code></p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
    $(document).ready(function(){
          setColorbox();
    });
  
    //This will set colorbox ids.
    function setColorbox(){
          var a = $('#requestText').val();
  
          if($("#request").length){
               $("#request").colorbox({html:a, maxHeight:"65%",opacity:0.5});
          }
  
    }
  </code></pre>
  
  <p>and </p>
  
  <pre><code>    &lt;div&gt;&lt;b&gt;Request Text :&lt;/b&gt;&lt;/div&gt;
      &lt;h:panelGroup style="dispaly:block" rendered="#{refillRenewalRequestBackingBean.str2!=''}"&gt;
      &lt;a href="#" id="request"&gt;View-Text&lt;/a&gt;
      &lt;input type="hidden" id="requestText" value="&lt;h:outputText value="#{refillRenewalRequestBackingBean.str2}"/&gt;" /&gt;    
  </code></pre>
  
  <p></p>
  
  <p>I am using this kind of script.
  Now I need to display colorbox on same place where <code>href</code> <code>view-Text</code> is clicked. 
  <strong>Is it possible?</strong></p>