title: Many instances of jQuery Fancybox just linking to one HTML iframe
body: <p>I'm using Fancybox for a jQuery lightbox and it only works with one href hyperlink.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;$(document).ready(function() {$("#form").fancybox({'width':'65%','height':'60%','autoScale':false,'transitionIn':'none','transitionOut':'none','type':'iframe'});});&lt;/script&gt;
  </code></pre>
  
  <p>So as you can see above, the fancybox will work with #form.</p>
  
  <p>The HTML for the link on the page is such:</p>
  
  <pre><code>&lt;a id="form" href="form.html" class="slider-link"&gt;&lt;img src="images/button_downloadarticle.gif" alt="Download Article"/&gt;&lt;/a&gt;
  </code></pre>
  
  <p>So the id is 'form' and this links to form.html which does actually work for the first instance however I wish to use the above HTML about 20 times on the page so I can have the same link to form.html using Fancybox. The first link works fine calling Fancybox, but every other link opens form.html in a new browser window instead.</p>
  
  <p>Hope this makes sense, I'm here to clarify more if need be. Some advise to get this working across the whole page would be great.</p>
  
  <p>Thanks</p>