fancybox open div iframe

fancybox open div iframe,html

<div class="blok-kalender">
    <div id="item" class="standaard-button btn-reserveren fancybox-ajax"><img src="images/calendar.png" alt="">Beschikbaarheid</div>
    <div style="display:none">
         <div id="data">
             <?php CMSFrontend::renderModule('pagina', array('type' => 'Tekstblok', 'code' => 'kalender_overzicht')); ?>
             <iframe src="http://www.mijnbeschikbaarheid.nl/kalender/brt-682" style="min-width:650px;" width="100%" height="300"></iframe>
             <ul>
                 <li><span class="groen"></span> Beschikbaar</li>
                 <li><span class="rood"></span> Niet beschikbaar</li>
             </ul>
        </div>
    </div>

    <script type="text/javascript">
    jQuery(document).ready(function() {
     jQuery("#item").fancybox({
           type: 'inline',
           content: jQuery('#data').html()
       });

    });
    </script>
 </div>