External html links in SimpleModal OSX Dialog

External html links in SimpleModal OSX Dialog

I decided to use an external html with links in a separate html file - page.html

IN osx.js changed this:
$("#osx-modal-content").modal
to:
$("#osx-modal-content").load("page.html").modal

External html with links works, but now this link - <a href="#" class="simplemodal-close">x</a> does not close the dialog!

Page.html:
<div id="osx-modal-content">
<div id="osx-modal-title">Choose a city</div>
<div class="close"><a href="#" class="simplemodal-close">x</a></div>
      <div id="osx-modal-data">
      <p><a href=" http://site.com?city=1">City 1</a></p>
      <p><a href=" http://site.com?city=2">City 2</a></p>
      <p><a href=" http://site.com?city=3">City 3</a></p>
      <p><a href=" http://site.com?city=4">City 4</a></p>
      <p><a href=" http://site.com?city=5">City 5</a></p>          
</div>
</div>

Osx.js:
jQuery(function ($) {
    var OSX = {
        container: null,
        init: function () {
            $("input.osx, a.osx").click(function (e) {
                e.preventDefault(); 
 
                $("#osx-modal-content").load("page.html").modal({
                    overlayId: 'osx-overlay',
                    containerId: 'osx-container',
                    closeHTML: null,
                    minHeight: 80,
                    opacity: 65, 
                    position: ['0',],
                    overlayClose: true,
                    onOpen: OSX.open,
                    onClose: OSX.close
                });
            });
        },
        open: function (d) {
            var self = this;
            self.container = d.container[0];
            d.overlay.fadeIn('slow', function () {
                $("#osx-modal-content", self.container).show();
                var title = $("#osx-modal-title", self.container);
                title.show();
                d.container.slideDown('slow', function () {
                    setTimeout(function () {
                        var h = $("#osx-modal-data", self.container).height()
                            + title.height()
                            + 20;
                        d.container.animate(
                            {height: h}, 
                            10,
                            function () {
                                $("div.close", self.container).show();
                                $("#osx-modal-data", self.container).show();
                            }
                        );
                    }, 10);
                });
            })
        },
        close: function (d) {
            var self = this; // this = SimpleModal object
            d.container.animate(
                {top:"-" + (d.container.height() + 20)},
                500,
                function () {
                    self.close(); // or $.modal.close();
                }
            );
        }
    };
    OSX.init();
});

How make it work? To close the dialog!