title: Open specific div #id in iframe
body: <p>How to open a specifc div #id from another page with Fancybox v2.0 with an iframe?</p>
  
  <p>I have tried this but nothing happend.</p>
  
  <p>This is index html:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;!-- Add jQuery library --&gt;
  &lt;script src="lib/jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"&gt;    &lt;/script&gt;
  
  &lt;!-- Add fancyBox main JS and CSS files --&gt;
  &lt;script type="text/javascript" src="source/jquery.fancybox.js?v=2.0.6"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" type="text/css" href="source/jquery.fancybox.css?v=2.0.6" media="screen" /&gt;
  
  &lt;script type="text/javascript"&gt;
      $(document).ready(function() {
  
          $(".click").fancybox({
      type: 'ajax',
      'ajax': {
      dataFilter: function(data) {
      return $(data).find('#play')[0];
                             }
          }
      });
      });
  &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
    &lt;a class="click fancybox.iframe" href="iframe.html"&gt;Iframe&lt;/a&gt;
    &lt;/body&gt;
    &lt;/html&gt;
  </code></pre>
  
  <p>And this is iframe.html</p>
  
  <pre><code>  &lt;div id="play"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. &lt;/div&gt;
  </code></pre>