Jquery Modal

Jquery Modal

Hi.. im having problems trying to use this function and actually open the window displaying contents from another page. Currently this can only work for static contents where i type the contents in myself. However i need it to actually show contents from another url (eg. newPost.jsp) and display it on this popup function. How can i do that? Please help! thanks in advance


<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script>

$(document).ready(function() {

    //select all the a tag with name equal to modal
    $('a[name=modal]').click(function(e) {
        //Cancel the link behavior
        e.preventDefault();

        //Get the A tag
        var id = $(this).attr('href');
        $(location).attr('href',"newPost.jsp");


        //Get the screen height and width
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();

        //Set heigth and width to mask to fill up the whole screen
        $('#mask').css({'width':maskWidth,'height':maskHeight});

        //transition effect
        $('#mask').fadeIn(1000);
        $('#mask').fadeTo("slow",0.8);

        //Get the window height and width
        var winH = $(window).height();
        var winW = $(window).width();

        //Set the popup window to center
        $(id).css('top',  winH/2-$(id).height()/2);
        $(id).css('left', winW/2-$(id).width()/2);

        //transition effect
        $(id).fadeIn(2000);

    });
   

    //if close button is clicked
    $('.window .close').click(function (e) {
        //Cancel the link behavior
        e.preventDefault();

        $('#mask').hide();
        $('.window').hide();
    });

    //if mask is clicked
    $('#mask').click(function () {
        $(this).hide();
        $('.window').hide();
    });

});

</script>


<body>
#boxes #dialog {
    background:no-repeat 0 0 transparent;
  width:400px;
  height:400px;
  padding:2px;
  background-color:#ffffff;
}

                     <td><a href="#dialog" name="modal"> Modal</a></td>
                    <div id="boxes">
                    <div id="dialog" class="window">
                    Simple Modal Window |
                    <a href="#"class="close">Close it</a>
                    </div>
                        </div>

</body>