title: Dynamic content view using fancybox
body: <p>I need to view the dynamic content in fancybox</p>
  
  <p>my code looks like</p>
  
  <pre><code>&lt;a id="featureExpertPopup" href="#featureExpertPop"&gt;View Profile &lt;/a&gt;
  &lt;a id="featureExpertPopup" href="#featureExpertPop"&gt;View Profile &lt;/a&gt;
  &lt;a id="featureExpertPopup" href="#featureExpertPop"&gt;View Profile &lt;/a&gt;
  </code></pre>
  
  <p>and fancy box content</p>
  
  <pre><code>&lt;div style="display: none;"&gt;
      &lt;div id="featureExpertPop" style="overflow:auto;"&gt;Dynamic Profile&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>fancybox call</p>
  
  <pre><code>$("#featureExpertPopup").fancybox({
          'titlePosition'     : 'inside',
          'transitionIn'      : 'none',
          'transitionOut'     : 'none'
  
      });
  </code></pre>
  
  <p>Now the problem is popup opening for first anchor link only, i want to open popup for each link with different content (from database)based on profile id. </p>