Fancybox Content Not Working

[tarek.fellah]

Hi,

 

I'm trying to add a fancybox on content in product page, i tried with this code:

<a id="inline" class="various1" href="#inlinedata" title="Lorem ipsum dolor sit amet">Inline</a>

<div style="display: none;">
  <div id="inlinedata">
     This content is supposed to be displayed in my fancybox
  </div>
</div> 

And in product.js under document.ready

 $("a#inline").fancybox({
                        'hideOnContentClick': true,
                        
                    });

This is the page, the link is displayed under not in stock

 

Any help will be appreciated.

Thanks.