title: open requested div in fancybox from other page
body: <p>i have a table with links to a other html doc 
  like this </p>
  
  <pre><code>&lt;div id="gallery_box"&gt;
          &lt;ul&gt;
              &lt;li&gt;
                  &lt;a href="http://www.geestkracht.com" target="_blank"&gt;&lt;img src="images/gallery/Geestkracht.jpg" alt="Geestkracht" /&gt;&lt;/a&gt;
                  &lt;p&gt;Praktijk voor psychotherapie.&lt;a class="more" href="hd.html "&gt;&lt;br /&gt;Meer Info &lt;span&gt;&amp;raquo;&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;
              &lt;/li&gt;
  
              &lt;li&gt;
                  &lt;a href="http://www.goskollekt.nl target="_blank"&gt;&lt;img src="images/gallery/Goskollekt.jpg" alt="Goskollekt" /&gt;&lt;/a&gt;
                  &lt;p&gt;Incassoburo Bloemen en planten sector &lt;a class="more" href="hd.html "&gt;More Info &lt;span&gt;&amp;raquo;&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;
  
              &lt;/li&gt;
              &lt;li&gt;
                  &lt;a href="http://www.vannieropadvies.nl" target="_blank&gt;&lt;img src="images/gallery/image_03.jpg" alt="van nierop advies" /&gt;&lt;/a&gt;
                  &lt;p&gt;Administratie kantoor &lt;a class="more" href="hd.html"&gt;More info &lt;span&gt;&amp;raquo;&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;
  
              &lt;/li&gt;
               &lt;li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>on the page hd html i have :</p>
  
  <pre><code>&lt;div class="description"&gt;
   &lt;div class="geestkracht"&gt;
                  &lt;div class="col_w610"&gt;
                  &lt;div class="image_wrapper image_fl"&gt;&lt;img src="images/portfolio/geestkracht.jpg" alt="image 6" /&gt;&lt;/div&gt;
              &lt;/div&gt;
                  &lt;div class="col_w600 last_col"&gt;
                      &lt;h3&gt;Geestkracht&lt;/h3&gt;
                          &lt;p&gt;Praktijk voor Psychotherapie&lt;/p&gt;
                          &lt;p&gt;Gebruikte Technieken&lt;/p&gt;
                          &lt;ul class="bla_list"&gt;
                            &lt;li&gt;Bla&lt;/li&gt;
                            &lt;li&gt;bla&lt;/li&gt;
                            &lt;li&gt;bla&lt;/li&gt;
                            &lt;li&gt;bla&lt;/li&gt;
                          &lt;/ul&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
  
  &lt;/div&gt;
  &lt;div class="description"&gt;
  &lt;div class="goskollekt"&gt;
  &lt;div class="col_w610"&gt;
              &lt;div class="image_wrapper image_fl"&gt;&lt;img src="images/portfolio/goskolekt.jpg" alt="image 4" /&gt;&lt;/div&gt;
  
  &lt;/div&gt;
          &lt;div class="col_w600 last_col"&gt;
              &lt;h3&gt;Goskollekt&lt;/h3&gt;
                  &lt;p&gt;Samen  met u werk ik  een projectplan uit waarin we de te zetten stappen gaan defini&amp;euml;ren.&lt;/p&gt;
                  &lt;p&gt;Dit projectplan zal de leidraad zijn voor de realisatie van uw website.&lt;/p&gt;
                  &lt;ul class="bla_list"&gt;
                    &lt;li&gt;bla&lt;/li&gt;
                    &lt;li&gt;bla&lt;/li&gt;
                    &lt;li&gt;bla&lt;/li&gt;
                    &lt;li&gt;bla&lt;/li&gt;
                  &lt;/ul&gt;
  
            &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is my Jq </p>
  
  <pre><code>$('#gallery_box .more').each(function(i, el) { $(el).fancybox({ 
      'autoDimensions': true, 
      'type': 'ajax',
      'ajax': { dataFilter: function(data) { return $(data).find('.description')[0]; } } }); });
  </code></pre>
  
  <p>what i am trying to get is that when people click on the firts class"more" fancybox opens and show the content of the first div on page hd.html with class "description"</p>
  
  <p>this works fine only when people click the second "more" fancybox still opens the first div instead of the second ore the third </p>
  
  <p>can someone help me out </p>
  
  <p>cheers guys </p>