<script type="text/javascript" src ="../bootstrap/js/bootstrap-tab.js"></script>
        <link href="../bootstrap/css/bootstrap.css" rel="stylesheet">

        <script type="text/javascript">
            $(document).ready(function() {
               $('#tab2BTN').click(function(){
                    $('<form />')
                    .hide()
                    .attr({ method : "post" })
                    .attr({ action : "PersonalInfo.php"})
                    .attr({target: "personalInfo"})
                    .append($('<input />')
                    .attr("type","hidden")
                    .attr({ "name" : "queriedUserID" })
                    .val(<?php 
echo $genaretor->getUser()->getID();
?>
)
                )
                    .append($('<input />')
                    .attr("type","hidden")
                    .attr({ "name" : "queryingUserID" })
                    .val(<?php 
echo $genaretor->getUser()->getID();
?>
)
                )
                    .append('<input type="submit" />')
                    .appendTo($("body"))
                    .submit();
                    $.height($("#tab2").height());